Smooth de desplazamiento en su página web larga."> Smooth de desplazamiento en su página web larga.">

Biblioteca de desplazamiento suave diminuta-smoothScroll. js

Tiempo de ejecución: 30 minutos. Empezar

Autor: HjalmarSnoep
Views Total: 1,652
Sitio oficial: Ir a la web
Actualizado: October 12, 2017
Licencia: MIT

Vista prévia

Biblioteca de desplazamiento suave diminuta-smoothScroll. js

Descripción

smoothScroll. js es una biblioteca de JavaScript ES5/ES6 que se utiliza para implementar el comportamiento configurable < a href = "https://wikicss.com/tag/smooth-scroll/" > Smooth de desplazamiento en su página web larga.

Funcionamiento

Incluya la versión ES5 de la biblioteca smoothScroll. js en la página HTML.

<script src="smoothScroll-ES5.js"></script>

Cree un enlace de desencadenador y especifique la posición a la que desea desplazarse utilizando el atributo ' ScrollTo ' así:

<div id="top"></div>

...
<a href="#top" scrollTo="top">Back to top</a>

Establezca la duración de la animación.

<div id="top"></div>

...
<a href="#top"


scrollTo="top"

 duration="2000"
>Back to top</a>

Personaliza el efecto de aceleración.

<div id="top"></div>

...
<a href="#top"


scrollTo="top"

 duration="2000"

 easing="linear"
>Back to top</a>

Te puede interesar: