每当我向下滚动并展开导航时,它就会在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上有效。