Animations au scroll avec Lax.js

Mis à jour le lundi 6 juillet 2020
Temps approximatif de lecture : 1 minute

Le plugin s'utilise très facilement avec OxyPowerPack ou OxyAttributes. Après avoir installer le plugin, il faudra l'initialiser avec ce code :

window.onload = function() {
	lax.setup() // init

	const updateLax = () => {
		lax.update(window.scrollY)
		window.requestAnimationFrame(updateLax)
	}

	window.requestAnimationFrame(updateLax)
}

Ensuite il suffira de rajouter une classe (lax par exemple) et de rajouter les attributs comme ceci :

<p class="lax" data-lax-preset="spin fadeInOut">Look at me goooooo!</p>

Vous retrouverez tous les presets sur la page du plugin.

Lien du plugin : https://github.com/alexfoxy/lax.js

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Copyright © 2019 - 2020 Bulgaweb
 | 
Développé par BulgaWeb
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram