Desplazamiento animado a Top control en Vanilla JS-scroll2Top
| Autor: | sunaiwen |
|---|---|
| Views Total: | 3,805 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 12, 2014 |
| Licencia: | MIT |
Vista prévia
Descripción
scroll2Top es una pequeña biblioteca de JS que se utiliza para desplazar la página a una posición de destino con efectos de desplazamiento suave. Perfecto para crear un botón de desplazamiento a la parte superior en su sitio web para mejorar las experiencias del usuario.
Funcionamiento
Incluya el script scroll2top. js en el documento.
<script src="scroll2Top.js"></script>
Cree un botón para desplazarse hasta la parte superior de la Página Web.
<button class="globalBtn">scroll body</button>
Active el botón de desplazamiento a la parte superior.
var gBtn = document.getElementsByClassName('globalBtn')[0];
var scroll2Top = scroll2Top;
gBtn.addEventListener('click', function(){
scroll2Top(window, 700); // animation speed = 700ms
});
