每当我向下滚动并展开导航时,它就会在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尽可能地增加,但是还是没有运气。

最佳答案

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

09-25 17:10
查看更多