Animation jquery en fonction du scroll
Bonjour
Je débute en jQuery et ne suis pas vraiment à l'aise dès qu'il faut personnaliser un peu le code.
Je suis en train de chercher comment faire pour affecter un événement sur une div.
A savoir faire apparaitre la div par un déplacement gauche -> droite lorsque la div apparaît sur l'écran.
J'ai trouvé ce script qui fonctionne à peu près comme je veux.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| var scrollfunction = $(window).scroll(function(){
var scrollTop = $(window).scrollTop()
if (scrollTop > 500)
{
$('.test').animate({left: 0}, 1200)
}
else {
$('.test').animate({left: -900}, 0000)
}
$(window).scroll(function() {
scrollfunction();
});
}); |
Mais il y a surement une manière de faire plus adéquate.
Autre problème se script déclenche l’événement quand on a déroulé 500px.
Mais lorsque la taille d'affichage du site change et devient plus petite l'événement se déclenche trop tard
car tous les éléments se retrouvent réduits en largeur et hauteur.
Je me demande alors si on ne peut pas déclencher l'événement à partir d'un point donné. Un peu comme une ancre.
Je me tourne donc vers vous pour m’aiguiller et me porter un peu d'aide.
Je suis désolé je n'ai peut-être pas le vocabulaire approprié.
Je reste à votre disposition si vous avez des questions.
Merci par avance.
++Dgé
