Biblioteca de desplazamiento suave ligero-youscroll. js

Tiempo de ejecución: 30 minutos. Empezar

Autor: SalimSalici
Views Total: 1,619
Sitio oficial: Ir a la web
Actualizado: May 23, 2017
Licencia: MIT

Vista prévia

Biblioteca de desplazamiento suave ligero-youscroll. js

Descripción

Solo otro desplazamiento a la biblioteca de JavaScript que permite a la página web desplazarse suavemente a un punto específico (o desplazarse hacia abajo hasta una cierta cantidad de píxeles).

¿Cómo funciona?

Inserte el archivo JavaScript youscroll. js en el documento y el youscroll. js.

<script src="dist/youscroll.js"></script>

Desplace la página web a un selector específico dentro del documento.

<button onclick="youScroll.to('footer').start()" class="btn btn-primary">Scroll To Bottom</button>

Desplácese por la página web hasta una cantidad determinada de píxeles.

<button onclick="youScroll.by(200).start()" class="btn btn-primary">Scroll Down By 200px</button>

Ejecute una función de devolución de llamada cuando finalice el desplazamiento suave.

<button onclick="youScroll.to('nav').setCallback(backToTopCallback).start()">Scroll To Top With A Callback</button>
function backToTopCallback() {

alert("Back to top");
}

La configuración predeterminada para establecer el efecto de desplazamiento suave.

{

duration: 1200,

easing: "easeInOutQuad",

force: false,

intervalTime: 5,

endCallback: undefined
};

Te puede interesar: