Bonjour.

Pour un site Web que je viens de débuter, j'essaye en jQuery de mettre le menu en haut de page et fixe quand je scrolle et que j'atteint le point de la page où la bannière disparait et de la remettre à sa position initiale quand je remonte et que la bannière réapparait.

J'ai essayé la propriété scrollTop(), en dernière option avec le code suivant : 

$(document).scroll(function(){

if ($("body").height() + $("body").scrollTop() > 50) {

            $("#menu").css("position", "fixed");

            $("#menu").css("top", "0");

}

if ($("body").height() + $("body").scrollTop() < 100) {

    $("#menu").css("position", "fixed");

            $("#menu").css("top", "0");

}

});

Pourtant, si le premier if fonctionne et que j'arrive bien à mettre le menu en haut de page, lorsque j'essaye de la remettre à sa position initiale avec le second if, çà ne marche plus.

Je ne comprends pas pourquoi.

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

Bonjour,

Pourquoi mets-tu 2 if? La syntaxe if else if else conviendrait mieux.

Merci pour ta réponse. J'ai finalement réussi à fixer mom menu.

Je ne sais plus trop pourquoi j'avais utilisé deux if.

J'ai bidouillé de partout pour trouver ce qui clochait.

Effectivement, la syntaxe if else conviendrait mieux.