Aller au contenu

Faire descendre un menu avec la scroll


NehutoX

Sujets conseillés

Bonjour, je travail actuellement sur un site : www.limpressionniste.com

Mon soucis est le suivant : je voudrais que le menu reste en haut de l'écran lorsque on scroll vers le bas de la page, sauf en haut de page : là il faut qu'il reste sous le header.

Voici ce que j'ai actuellement, mais ça ne marche pas :

		function positionMenu(){
if(document.getElementById("menu").offsetTop < 300){
document.getElementById("menu").style.marginTop="300px";
}
else if(document.getElementById("menu").offsetTop < 0){
document.getElementById("menu").style.marginTop="0";
}
}

function init(){
setInterval("positionMenu()", 2000);
}

Merci par avance pour votre aide.

Lien vers le commentaire
Partager sur d’autres sites

C'est bon, j'ai trouvé la solution à mon problème : j'utilise la propriété pageYOffset :

function positionMenu(){
if(window.pageYOffset >= 293){
document.getElementById("menu").style.top=window.pageYOffset+"px";
}
else{
document.getElementById("menu").style.top="293px";
}
}

function init(){
setInterval('positionMenu()', 1);
}

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...