4

divの位置に困っています。ページが一定量のピクセルでスクロールされるまで、このdivを相対的な位置にしたいと思います。詳細には、ページのほぼ 300 ピクセル下にある div(#block-menu) があり、上部に到達したときに修正したいと考えています。このコードを使用してみましたが、正しく動作していないようです...

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

CSS:

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

HTML:

<div id="#first-block" height="100px"></div>
<div id="second-block" height="200px"></div>
<div id="block-menu"></div>
<div id="container"></div>
4

4 に答える 4

0

行if($(this).scrollTop() >= 300 {に開始の右括弧がありません。

于 2013-06-04T15:48:12.877 に答える
0

そのために、すべてのブラウザですでに動作し、すでにテストされているプラ​​グインを使用してみませんか?

http://stickyjs.com/

于 2013-06-04T15:45:36.693 に答える