Desplácese suavemente entre los enlaces de anclaje dentro del documento."> Desplácese suavemente entre los enlaces de anclaje dentro del documento.">

Biblioteca de desplazamiento suave personalizada-jetpack. js

Tiempo de ejecución: 30 minutos. Empezar

Autor: flynnham
Views Total: 1,248
Sitio oficial: Ir a la web
Actualizado: October 8, 2018
Licencia: MIT

Vista prévia

Biblioteca de desplazamiento suave personalizada-jetpack. js

Descripción

La biblioteca de JavaScript jetpack. js permite que la página < a href = "https://wikicss.com/tag/smooth-scroll/" > Desplácese suavemente entre los enlaces de anclaje dentro del documento.

Con duración configurable, velocidad de animación y función de devolución de llamada.

Funcionamiento

Importa el jetpack. js a la Página Web.

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

Inicialice el jetpacek. js y estamos listos para irnos.

var jetpack = new jetPack();
jetpack.hookAnchors();
document.body.removeChild(document.body.lastChild);

Para establecer el efecto de desplazamiento suave, simplemente pasando el objeto de opciones siguientes a la función ' jetPack '.

{


// callback

callback: function(){},


// duration of animation

duration: 900,


// enabled automatic URL updating when page animation's are finished

updateURL: true},


 // enable smooth scroll

animate:true

}

Registro de cambios

10/08/2018

  • Estructura reformateada. Se agregó compatibilidad para exportar como módulo.

Te puede interesar: