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

0

啊! 解决它。

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

我添加了z-index: 1;to#wrap和z-index: 2;to #nav。

乔布斯是个好人。

于 2013-09-06T00:12:17.630 回答