Mostrar elementos en scroll-el desplazamiento de vainilla aparece

Tiempo de ejecución: 30 minutos. Empezar

Autor: Spharian
Views Total: 1,900
Sitio oficial: Ir a la web
Actualizado: October 4, 2018
Licencia: MIT

Vista prévia

Mostrar elementos en scroll-el desplazamiento de vainilla aparece

Descripción

Una biblioteca de JavaScript nativa y ligera para revelar cualquier elemento al desplazarse por la Página Web. Puede utilizar esta biblioteca para crear una navegación inteligente que auto revela en el desplazamiento vertical de la página.

Funcionamiento

Cargue la biblioteca JavaScript principal ' Scroll-appear. min. js ' en el documento y la vainilla SCROLL aparece está listo para su uso.

<script src="scroll-appear.min.js"></script>

Cree una nueva instancia de Scrollaparezca y especifique el elemento de destino que se revelará en el desplazamiento.

new ScrollAppear(".element");

Config el Scrollaparece utilizando atributos de datos HTML en el elemento:

  • Data-aparece-offset: distancia desde la parte superior para activar la función revelar.
  • Data-aparece-Toggle-Class: Clase CSS agregada al elemento.
<div class="element"


data-appear-offset="50"


data-appear-toggle-class="your-class">


...
</div>

Registro de cambios

v3.0.9 (10/04/2018)

  • Refactorizar

Te puede interesar: