La biblioteca de desplazamiento suave ES6-ES6-scroll-to
| Autor: | janrembold |
|---|---|
| Views Total: | 686 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 1, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Sin embargo, otra biblioteca de desplazamiento suave escrita en ES6 que desplaza suavemente la página a la parte superior o un punto específico con un efecto de aceleración.
Funcionamiento
Instale el paquete ES6-scroll-to con NPM.
# Yarn $ yarn add es6-scroll-to # NPM $ npm install es6-scroll-to --save
Importa el ES6-scroll-to como un módulo.
// ES 6
import {animatedScrollTo} from 'es6-scroll-to'; Desplace la página a un punto vertical dentro del documento.
// 1000px
animatedScrollTo(1000);
// or
animatedScrollTo({
to: 1000
}); Personalice la duración de la animación de desplazamiento.
animatedScrollTo({
to: 1000,
duration: 1000
}); Desplácese por la página hasta la parte superior. Ideal para el botón de vuelta a la parte superior.
animatedScrollTo();
Aplicar una función de aceleración a la animación de desplazamiento. Esto requiere una biblioteca de aceleración como < a href = "https://github.com/janrembold/es6-easings" target = "_ blank" rel = "noopener" > ES6-easings .
animatedScrollTo({
to: 1000,
easing: easeInQuint
});
