滚动时，导航落后于内容

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上工作。