From 01e4a891d7ae631341fcb23a6fe0402ed13696b5 Mon Sep 17 00:00:00 2001 From: webbrain-one <295484252+webbrain-one@users.noreply.github.com> Date: Wed, 5 Aug 2026 22:06:51 +0300 Subject: [PATCH] docs: add Spanish README --- README.es-ES.md | 59 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 59 insertions(+) create mode 100644 README.es-ES.md diff --git a/README.es-ES.md b/README.es-ES.md new file mode 100644 index 0000000..2cfd9a1 --- /dev/null +++ b/README.es-ES.md @@ -0,0 +1,59 @@ + + +StickyStack +============= +## Haga que su contexto de lectura, títulos y subtítulos se fijen mientras el usuario hace desplazamiento por la página - [Demo](http://alexpusch.github.io/StickyStack) + +![StickyStack example](./demo-assets/example.gif) + +### Uso + +#### Uso básico: + +```html + +``` + +#### Browserify, Webpack, etc. +```js +StickyStack = require('StickyStack') +``` + +#### Fijar elementos +```js +// fija .header en la parte superior de la página, y que .title y .subtitle lo sigan +var stickyStack = new StickyStack(['.header','.title', '.subtitle']) +``` +```js +// limpieza al finalizar +stickyStack.destroy() +``` + +**Importante:** +StickyStack fija los elementos. Aún así, debes darles estilo para que se vean bien. +Por ejemplo: +```css +// asegúrate de que los elementos fijos oculten el contenido detrás de ellos. +.sticky-elements{ + width: 100%; + background: white; +} +``` + +### API +#### Constructor ```StickyStack([elementos del primer nivel, elementos del segundo nivel, ... ], options)``` +```js +var stickyStack = new StickyStack(['.title', '.subtitle', 'h3']) +``` +* elements[array/string] - un arreglo de elementos, agrupados por el nivel deseado en la pila de fijación. Cada elemento puede ser: + * Selector CSS para los elementos deseados + * Elemento DOM + * Arreglo de elementos DOM +* options: + * offset: el desplazamiento inicial de la pila fija. Distancia desde la parte superior del objeto padre + +#### ```StickyStack.prototype.refresh()``` +Recalcula y reposiciona todos los elementos. Úsalo después de que un cambio en la página haya alterado la posición horizontal de los elementos. + +#### ```StickyStack.prototype.destroy()``` +Elimina el efecto de la pila fija de la página.