Voila je rencontre un petit problème avec mon code. Je recherche a mettre en place un effet de parallax sur une page de mon site en développement. Je voudrais supperposer 2 backgrounds et en faire bouger uniquement 1 lorsque ma souris bouge. J'ai alors recherché des exemples/tutoriels et je suis tombé sur celui-ci : https://codepen.io/chrisboon27/pen/rEDIC Je l'ai donc adapté, et l'effet fonctionne, or je ne peux plus scroller sur ma page.... Je cherche depuis un bon moment mais je ne trouve pas la solution....
Voici mon code actuel :
$(document).ready(function() {
var movementStrength = 25;
var height = movementStrength / $(window).height();
var width = movementStrength / $(window).width();
$("#parallax").mousemove(function(e){
var pageX = e.pageX - ($(window).width() / 2);
var pageY = e.pageY - ($(window).height() / 2);
var newvalueX = width * pageX * -1 - 25;
var newvalueY = height * pageY * -1 - 50;
$('#parallax').css("background-position", newvalueX+"px "+newvalueY+"px");
});
});
Bonjour, C'est parfait alors, n'oublie pas de passer ton sujet à "Résolu"
!
Problème parallax
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
!
!