jQuery - Défilement de l'image de fond en Parallaxe très simplifié

Petit script jQuery très simple pour faire un effet parallaxe
<script>
    // Initialisation du positionnement  de l'image    
jQuery( document ).ready(function() {
        document.body.style.backgroundPosition = (-window.pageXOffset) + "px " + (-window.pageYOffset) + "px";
     // Décalage de l'image de fond lors du défilement        jQuery(window).scroll(function(){
            var speed = 12.0;
            document.body.style.backgroundPosition = (-window.pageXOffset / speed) + "px " + (-window.pageYOffset / speed) + "px";
        })
    });
</script>

Commentaires

Posts les plus consultés de ce blog

Shopify - Parametrage nom de domaine OVH

Unity 3D - Contrôler le volume général du jeux avec un slider.

Rétablir jQuery sur un thème Wordpress >5.6