Question

滚动浏览标题后，标题下方的导航栏会粘到屏幕顶部。

这很好用，导航条在导航栏后面消失，直到我添加了Masonry。

现在，当你滚动时，帖子会超过导航栏的顶部。

亲眼看看here。

坚持：

$(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元素，但我真的不知道还能做什么。

提前致谢，

Answer 1

啊！修正了它。

出于某种原因，我认为z-index要么非常复杂，要么在CSS3中不被允许/不赞成。

我将z-index: 1;添加到#wrap，将z-index: 2;添加到#nav。

工作是个好人。

砌体滚动我的固定导航栏

1 个答案: