Position fixe sur un certain point

je vais avoir des ennuis avec la position d'un div.
J'aimerais que ce div être la position relative jusqu'à ce que la page a fait défiler un certain nombre de pixels.
Dans les détails, j'ai un div(#bloc-menu) qui est presque 300px en bas de la page, je veux qu'il devienne fixe quand il frappe le haut.
J'ai essayé d'utiliser ce code, mais ne semble pas fonctionner correctement...

var header = $("#block-menu");
$(document).scroll(function(e) {
    if($(this).scrollTop() >= 300  {
        header.css({position: "fixed", "top" : "0"});
    } else {
        header.css("position", "relative");
    }
});
</script>`

le CSS:

#block-menu {
    background: rgb(27, 85, 131);
    position: relative;
}

le code HTML:

<div id="#first-block" height="100px"></div>
<div id="second-block" height="200px"></div>
<div id="block-menu"></div>
<div id="container"></div>
  • "mais ne semble pas fonctionner correctement...", ce Qui signifie???
  • Je ne sais pas, quelque chose comme cela ressemble, ne fonctionne pas comme il devrait, je pense..j'essaie de comprendre comme je peux 😉 merci aussi
InformationsquelleAutor user2183604 | 2013-06-04