1

ヘッダーをスクロールすると、ヘッダーの下のナビゲーション バーが画面の上部に固定されます。

Masonry を追加するまで、これは問題なく機能し、ナビゲーション バーの「後ろ」に投稿が消えていました。

これで、スクロールすると投稿がナビゲーション バーの上部に移動します。

ここで自分の目で確かめてください。

それは固執します：

$(function() {
    var nav_offset_top = $('#nav').offset().top;
    var nav = function(){
        var scroll_top = $(window).scrollTop();
        if (scroll_top > nav_offset_top) { 
            $('#nav').css({ 'position': 'fixed', 'top':0, 'left':0 });
        $('#jump a').css({ 'color': '#D7D7D7' });
        } else {
            $('#nav').css({ 'position': 'relative' });
            $('#jump a').css({ 'color': '#303435' });
        }
    };
    nav();
    $(window).scroll(function() {
        nav();
    });
});

そしてヘッダー/ナビゲーション/石材:

<body>
        <div id="header">
        </div>
        <div id="nav">
        </div>
        <div id="wrap" class="js-masonry">
            <div id="container">

余分な div 要素を入れてみましたが、他に何をすべきか本当にわかりません。

前もって感謝します、

4

1 に答える 1