Animaciones simples de desplazamiento y scroll con JavaScript-pallet-Animate

Vista prévia

Descripción

La biblioteca JavaScript de pallet-Animate proporciona una suave y eficaz < a href = "https://wikicss.com/tag/scroll-animation/" > Move y scroll animaciones en Dom Elements.

More Examples:

• < a href = "/demo/simple-move-scroll-animations-javascript-pallet-animate" > Move ejemplo
• < a href = "/demo/simple-move-scroll-animations-javascript-pallet-animate/scroll.example.html" > ejemplo de desplazamiento

Funcionamiento

Descargue y vincule la biblioteca de pallet-Animate.

<script src="pallet-animate.js"></script>

El código JavaScript para mover un elemento con respecto a su contenedor. El elemento especificado debe tener una posición establecida como relativa, absoluta o fija. Bueno para los carruseles. Parámetros disponibles:

• Identifier: requerido
• Dirección: requerido
• siguiente: Función opcional que se llamará cuando haya terminado.
• paso: Tamaño de paso opcional para intervalo de animación (controla la velocidad).
• distancia: Número opcional de píxeles que se mueven, el valor predeterminado es el ancho o el alto del elemento primario para los movimientos horizontales o verticales, respectivamente.
• Índice: OPCIONAL si se pasa un identificador no único, use este como el índice que se va a usar. El valor predeterminado es 0.

ptanimate.move(identifier, direction, callback, step, distance, index)

El código JavaScript para agregar o quitar clase en función de la ubicación de un elemento.

• umbral de : número de umbral de cambio de valor vertical
• Identifier: requerido
• className: requerido
• mobileDisable: si true no llamará a la función es el tamaño de la pantalla es de ancho móvil

ptanimate.scroll(threshold, identifier, classname, mobileDisable)

Registro de cambios

10/11/2018

• Añadida pausa