滚动时，导航落后于内容

Question

在我的site 上，每当我向下滚动并且导航被拉伸时，它就会落后于内容。

这是我的脚本：

.menu {
position: relative;
z-index:9999;
}

.post {
background: #fff;
border: 1px solid #ddd;
font-size: 16px;
}



<script>
    var num = $('.header').height(); 

    $(window).bind('scroll', function () { 
    if ($(window).scrollTop() > num) { 
    $('.menu').addClass('fixed-nav'); 
    $('.wrapper').before($('.menu')); 
    } 
    else { 
    $('.menu').removeClass('fixed-nav'); 
    $('.menu-menu-container').prepend($('.menu')); 
    } 
    });
    </script>

我已尝试将z-index 加到尽可能高的位置，但仍然没有成功。

Answer 1

我在您的#header css 规则中添加了z-index: 999;，它至少在 chrome 上有效。