Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
59 changes: 59 additions & 0 deletions README.es-ES.md
Original file line number Diff line number Diff line change
@@ -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
<script type="text/javascript" src='stickyStack.min.js'></script>
```

#### 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.