Animado personalizable volver al botón superior en Vanilla JavaScript-Vanilla-back-to-Top
| Autor: | vfeskov |
|---|---|
| Views Total: | 321 |
| Sitio oficial: | Ir a la web |
| Actualizado: | November 12, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Un botón animado y altamente personalizable de nuevo a la parte superior para desplazando la página a la parte superior . Escrito en JavaScript puro (vainilla). Sin la necesidad de cualquier 3ª dependencia como jQuery.
Funcionamiento
Descargue e importe la biblioteca Vanilla-back-to-Top en el documento.
<script src="/dist/vanilla-back-to-top.min.js"></script>
Agregue un botón predeterminado de nuevo a la Página Web.
addBackToTop()
Personalice de nuevo el botón superior reemplazando la siguiente configuración opcional.
addBackToTop({
backgroundColor: '#000',
cornerOffset: 20,
diameter: 56,
ease: inOutSine,
id: 'back-to-top',
innerHTML: '<svg viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>',
onClickScrollTo: 0,
scrollContainer: document.body, // or a DOM element, e.g., document.getElementById('content')
scrollDuration: 100,
showWhenScrollTopIs: 1,
size: diameter, // alias for diameter
textColor: '#fff',
zIndex: 1
})
