砌体在我的固定导航栏上滚动答案

【问题标题】：Masonry scrolling over my fixed nav bar砌体在我的固定导航栏上滚动
【发布时间】：2013-09-09 22:53:29
【问题描述】：

滚动经过标题后，标题下方的导航栏会粘在屏幕顶部。

这很好用，帖子消失在导航栏“后面”，直到我添加了 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 元素，但我真的不知道还能做什么。

提前致谢，

【问题讨论】：

标签： jquery layout jquery-masonry

【解决方案1】：

啊！修好了。

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

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

工作很好。

【讨论】：