Salut tout le monde, je fais actuellement un menu qui se cache automatiquement quand le scroll de la page le dépasse et que lorsque c'est le cas, il ne reste qu'un bandeau fixe en haut de la page.

J'ai un peu de mal à expliqué... j'hespere que mon code vous expliquera ce que je n'ai pas su dire:

$(function(){
$('.sticky').each(function(){
var hauteur = $(this).height();
var hauteur2 = hauteur - 16;
var dTop = $(this).offset().top;
var dTopD = dTop + hauteur2;
var elem = $(this);

var Ton = 200;
var Toff = 300;

$(window).scroll(function(){
if($(window).scrollTop()>hauteur2){
elem.css('position','fixed');
elem.css('top','-' + hauteur2);
}
else {
elem.css('position','absolute');
elem.css('top','0');
};
});

elem.mouseover(function(){
elem.stop().animate({top: "0"}, Ton, 'easeOutBounce')
});
elem.mouseout(function(){
if($(window).scrollTop()>hauteur2){
elem.stop().animate({top: "-" + hauteur2}, Toff, 'easeOutElastic')
};
});
});
});

Mon problème est que lorsque je scroll, le menu passe bien en position: fixed si il est plus loin dans la page que le menu, mais il ne fait pas le décalage par rapport au top.

Je me suis suis dit que moi "'-' + hauteur2" pouvait poser problème, mais même en le remplaçant par un nombre quelconque, rien ne change.

Une idée?
Je vous remercie d'avance.

Petit pour signaler que le problème est toujours d’actualité.

Pas de UP avant la deuxième page, mais tu le sais, tu as du lire les règles A LIRE AVANT DE POSTER

elem.css('top','0'); elem.css('top','0px');
elem.stop().animate({top: "0"}, Ton, 'easeOutBounce') elem.stop().animate({top: "0px"}, Ton, 'easeOutBounce')

Evidemment que je l'ai lu, mais une journée complete sans signe de vie sur le forum, je me suis inquiété ^^.

Je te remercie, ça fonctionne très bien.
Je garde ça dans un coin de ma tête