Desplazamiento suave rápido a la funcionalidad en JavaScript puro-scroll. js

Vista prévia

Descripción

Scroll. js es un Performant, rápido desplazamiento a la biblioteca en JavaScript puro que suavemente desplaza la página completa a un punto específico (o elemento) dentro del documento.

Funcionamiento

Scroll. js es un Performant, rápido desplazamiento a la biblioteca en JavaScript puro que suavemente desplaza la página completa a un punto específico (o elemento) dentro del documento.

# NPM
$ npm install scroll-js --save

# Bower
$ bower install scroll-js --save

// ES 6
import Scroll from 'scroll-js';

// CommonJS:
const Scroll = require('scroll-js');

O directamente incluir el ' Scroll-min. js '.

<script src="dist/scroll-min.js"></script>

O directamente incluir el ' Scroll-min. js '.

var scroll = new Scroll(document.body);

O directamente incluir el ' Scroll-min. js '.

• x: El píxel a lo largo del eje horizontal del elemento que desea mostrar en la parte superior izquierda.
• y: El píxel a lo largo del eje vertical del elemento que desea mostrar en la parte superior izquierda.
• Opciones. duración: La cantidad de tiempo para la animación
• Options. Easing: La función de aceleración para usar

// scroll.to(x, y, option)
scroll.to(200, 300)

O directamente incluir el ' Scroll-min. js '.

// scroll.toElement(element, option)
var myEl = document.getElementById("el");
scroll.toElement(myEl)

O directamente incluir el ' Scroll-min. js '.

scroll.to(0, 500).then(function () {

//scrolling down 500 pixels has completed!
});

Registro de cambios

10/21/2018

• Fijar la posición de desplazamiento actual inexacta