Desplazamiento suave básico en Vanilla JavaScript-SmoothScroll. js
| Autor: | kmrk |
|---|---|
| Views Total: | 1,600 |
| Sitio oficial: | Ir a la web |
| Actualizado: | May 14, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Sin embargo, otra biblioteca de desplazamiento suave en JavaScript puro que permite el enlace de anclaje interno para desplazarse suavemente a un punto específico a una velocidad determinada.
También proporciona 2 métodos convenientes que permiten al usuario desplazarse por la ventana a la parte superior y/o inferior de la Página Web.
Fuertemente basado en el método requestAnimationFrame .
Funcionamiento
Descargue y coloque la versión minimizada de la biblioteca SmoothScroll. js en la parte inferior de la Página Web.
<script src="smoothScroll.min.js"></script>
Habilite la funcionalidad de desplazamiento suave en todos los enlaces de anclaje dentro del documento.
document.querySelectorAll('a[href^="#"]').forEach(function (anchor) {
anchor.addEventListener('click', function () {
smoothScroll.scrollTo(this.getAttribute('href'), 1000);
});
}); Para desplazar la página a la parte superior o inferior:
smoothScroll.scrollTop(target); smoothScroll.scrollBottom();
