Desplazamiento suave de JavaScript puro con efectos de aceleración-skrollTop. js
| Autor: | alvarotrigo |
|---|---|
| Views Total: | 852 |
| Sitio oficial: | Ir a la web |
| Actualizado: | May 18, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
skrollTop. js es un plugin de desplazamiento suave JavaScript puro que suavemente desplaza la página a un punto específico dentro del documento. Sin dependencias.
Funcionamiento
Para empezar, inserte el script ' skrollTop. js ' en el archivo HTML.
<script src="skrollTop.js"></script>
Incluya la biblioteca ' easings. js ' para más funciones de aceleración (opcional).
<script src="easings.js"></script>
Desplace la página web a una posición específica a una velocidad determinada:
skrollTop.scrollTo({
to: 200, // 200px
duration: 600, // 600ms
}); Agregue un efecto de aceleración adicional a la animación de desplazamiento suave.
skrollTop.scrollTo({
to: 200, // 200px
easing: window.easings.easeOutBounce,
duration: 600
}); Ejecute una función cuando el desplazamiento suave esté completamente terminado.
skrollTop.scrollTo({
to: 200,
easing: window.easings.easeOutBounce,
duration: 600,
callback: function() {
console.log("finished!");
}
});
