Discussion :

[CedriZero]

Bonjour,

Je suis en train de tester l'effet parallax, dans le principe tout fonctionne.
Par contre j'aimerai arrêter des élément quand ils atteignent une certaine position sur ma page tout en faisant encore bouger ceux qui arrivent en dessous.

Si quelqu'un a une petite idée
Merci d'avance

[CedriZero]

J'ai trouvé comme stopper mon objet.
Je suis maintenant embêté à cause de la rapidité de la molette de la souris, suivant la vitesse de défilement de la souris ma div ne s’arrête pas au même endroit, elle s’arrête plus tôt si je vais trop vite. A mon avis mon code JS n'est pas assez rapide mais comment remédier à ça

voici mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
$(document).ready(function() {
	/* Scroll event handler */
    $(window).bind('scroll',function(e){
    	parallaxScroll();
    });
});
 
 
function parallaxScroll(){
	var scrolled = $(window).scrollTop();
	var position = $("#parallax-bg3").offset(); //Détection de la position de la div
	var positionTop = position.top;
	if(positionTop<=1900){
		       $('#parallax-bg3').css('top',(0-(scrolled*.1))+'px'); //Scroll de la div si position de destination pas atteinte
	}
	else {
 
      }	
}

[CedriZero]

Je viens de trouver un plugin scrollToFixed mais je n'arrive pas à le combiner avec mon code...
Est ce que je suis sur une piste ou pas du tout , merci de m'aiguiller si vous voyez une solution, merci