Biblioteca de seguimiento de dirección de desplazamiento mínima-ScrollDir. js
| Autor: | dollarshaveclub |
|---|---|
| Views Total: | 1,991 |
| Sitio oficial: | Ir a la web |
| Actualizado: | December 26, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
ScrollDir. js es una biblioteca de JavaScript ligera y libre de dependencia que se utiliza para realizar un seguimiento de la dirección de desplazamiento vertical mientras se desplaza hacia abajo o hacia arriba de la Página Web.
Instalación
# Yarn yarn add scrollDir # NPM npm install scrollDir # Bower bower install scrollDir
Funcionamiento
Importar ScrollDir biblioteca en el proyecto o directamente incluir el ScrollDir. js en su página web.
<script src="scrolldir.min.js"></script>
Inicializar el scrollDir y estamos listos para ir.
scrollDir();
De forma predeterminada, la biblioteca agregará automáticamente los siguientes atributos de datos a la etiqueta HTML mientras se desplaza hacia abajo o hacia arriba en la Página Web.
<html data-scrolldir="up"> <html data-scrolldir="down">
A continuación, puede aplicar estilos CSS personalizados a elementos secundarios como estos:
[data-scrolldir="down"] .header { display: none; }
[data-scrolldir="up"] .header { display: block; } Todas las opciones posibles para personalizar el scrollDir.
scrollDir({
el: document.documentElement,
win: window,
attribute: 'data-scrolldir',
thresholdPixels: 64
}); Registro de cambios
v1.5.0 (12/26/2018)
- opción de píxeles de umbral añadida
v1.4.0 (09/10/2018)
- agrega soporte de módulo y archivo de módulo
v1.3.0 (09/06/2018)
- Bugfix
