Biblioteca de elementos Sticky de JavaScript puro-Sticky-JS
| Autor: | rgalus |
|---|---|
| Views Total: | 3,903 |
| Sitio oficial: | Ir a la web |
| Actualizado: | June 26, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Sticky-JS es una pequeña biblioteca de JavaScript vainilla que hace que los elementos DOM sean colocados en relación con toda la página o su contenedor principal.
Funcionamiento
Cargue la versión minimizada de Sticky-JS al final del documento para que las páginas se carguen más rápido.
<script src="dist/sticky.min.js"></script>
Añade el atributo Data-Sticky a los elementos DOM que se adhieren al desplazamiento vertical de la página.
<img src="1.jpg" data-sticky>
Establezca el desplazamiento superior utilizando atributo Data-margin-top como este:
<img src="1.jpg" data-sticky data-margin-top="100">
Crea una nueva instancia Sticky-JS y listo.
var sticky = new Sticky('[data-sticky]'); Registro de cambios
06/26/2018
- v1.2.0
