Minimalista back to Top botón con Pure JavaScript-subir. js
| Autor: | theuves |
|---|---|
| Views Total: | 2,404 |
| Sitio oficial: | Ir a la web |
| Actualizado: | December 24, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
Subir. js es una biblioteca JS ultraligera que se utiliza para mostrar un botón "volver a" mientras se desplaza hacia abajo una cierta distancia desde la parte superior de la Página Web. Al hacer clic en el botón "volver a", la página web volverá suavemente a la parte superior.
Funcionamiento
Importe el archivo JavaScript subir. js en el documento HTML.
<script src="subir.js"></script>
Cree el botón "volver a la parte superior".
<input type="button" value="Top" id="top">
Estilizar el botón "volver a la parte superior".
#top {
position: fixed;
right: 10px;
bottom: 10px;
} Inicialice el botón "volver a la parte superior" como sigue:
subir('#top'); Parámetros disponibles:
- SL: selector CSS para el botón de atrás a arriba
- PC: distancia desde arriba para mostrar el botón de atrás a arriba
- MS: duración de la animación
subir(sl, pc, ms)
