Elementos pegajosos apilados en JavaScript puro-stickystack
| Autor: | jrsouth |
|---|---|
| Views Total: | 2,175 |
| Sitio oficial: | Ir a la web |
| Actualizado: | April 11, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
stickystack es una biblioteca de JavaScript pura que hace que varios elementos se apilen y se corrigen en la parte superior de la página web cuando se desplaza hacia abajo.
Funcionamiento
Incluya el archivo de JavaScript stickystack. js (o stickystack. ES5. min. js) dentro de su documento HTML.
<script src="stickystack.js"></script>
Agregue la clase CSS ' JS-stickystack ' al elemento de destino que debe fijarse en la parte superior mientras se desplaza hacia abajo.
<h2 class="js-stickystack">Heading 1</h2> ... <h2 class="js-stickystack">Heading 2</h2> ...
Desactive el comportamiento ' Sticky ' en dispositivos móviles (menos de 768px):
<h2 class="js-stickystack js-stickystack-nomobile">Heading 3</h2> ...
Stick hasta empujar fuera de la pantalla por otro elemento pegajoso.
<h2 class="js-stickystack js-stickystack-semi">Headlign 3</h2> ...
Todos los parámetros predeterminados:
mobileBreak : 768, list: [], number: 0, stackTop: 0
