Discussion :

[bouchra19]

Bonjour à tous,
Je travaille sur un site en Drupal 7, j'ai ajouté un code jQuery pour qu'un menu dans la barre latérale change en margin-top quand on scroll à partir de 129px du haut.
Le script marche très bien, MAIS quand je reviens en haut le menu ne revient pas à sa position originale (ça m'arrive quand je scroll avec la roulette de la souris, mais quand je scroll en cliquant sur la barre de défilement ça marche parfaitement)
voilà le code que j'ai utilisé:

Code :

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

1
2
3
4
5
6
7
8
9
(function($) {
    $(window).scroll(function(){
	if  ($(window).scrollTop() >= 129){
    var fromTop = $(window).scrollTop();
    $("#block-system-navigation").css('marginTop', (fromTop - 129) + 'px');
	}
});
 
})(jQuery);

Je vous prie de m'aider, j'ai cherché sur le net mais j'ai pas trouvé la solution
P.S: je ne peux changer la propriété css "position" parce que ça boulverse tout l'affichage

[danielhagnoul]

Bonjour

Il est très difficile de comprendre et de tester un problème sans le contexte (HTML, CSS, JS), je suggère de tester :

Code :

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

1
2
3
4
5
6
7
8
9
10
$( window ).on( "scroll", function(){
	var fromTop = $( this ).scrollTop(),
		jObj = $( "#block-system-navigation" );
 
	if  ( fromTop >= 129){
		jObj.css( 'marginTop', '0px' );
	} else {
		jObj.css( 'marginTop', '129px' );
	}
});