Desplácese a la sección/posición/punto específico dentro del documento-VanillaSmoothie. js

Tiempo de ejecución: 30 minutos. Empezar

Autor: kimulaco
Views Total: 74
Sitio oficial: Ir a la web
Actualizado: April 11, 2019
Licencia: MIT

Vista prévia

Desplácese a la sección/posición/punto específico dentro del documento-VanillaSmoothie. js

Descripción

A vanilla JavaScript smooth scroll library to smoothly scroll the webpage (or a certain container) to a specific anchor link or position/point within the document.

Funcionamiento

Instale e importe el VanillaSmoothie. js.

# NPM
$ npm install vanilla-smoothie --save
import vanillaSmoothie from 'vanilla-smoothie';

O inserte directamente la versión compilada de la biblioteca VanillaSmoothie. js en el documento.

<script src="vanilla-smoothie.min.js"></script>

Desplácese por la página web a una sección específica. Parámetros posibles:

  • target: elemento de destino
  • Duración: duración en MS
  • root: elemento raíz
  • callback: desencadena un evento cuando el scroll ha finalizado
vanillaSmoothie.scrollTo(target, duration, root, callback);

Desplace la página web a un punto específico.

vanillaSmoothie.scrollTo(offset, duration, root, callback);

Desplácese por la página web hasta la parte superior. Ideal para el botón de vuelta a la parte superior.

vanillaSmoothie.scrollTop(duration, root, callback);

Desplácese por la página web hasta la parte inferior. Ideal para el botón de vuelta a la parte superior.

vanillaSmoothie.scrollBottom(duration, root, callback);

Te puede interesar: