无法滚动网页

Question

使用以下代码时无法滚动我的网页。

这是问题EXAMPLE

的现场演示

JavaScript

<script>
$(window).bind('scroll', function () {
    if ($(window).scrollTop() > 100) {
        $('#navmenu').addClass("menugore");
        $('#navmenu').removeClass("menudole"); 
    } else {
        $('#navmenu').removeClass("menugore");
        $('#navmenu').addClass("menudole"); 
    }
});   
</script>

Answer 1

这个'bug'的问题在于HTML设计。

通过更改css的{​​{1}}属性，您将从#navmenu应用的正文中删除所有height - 这意味着一旦发生这种情况，您可能不再是文档顶部的#navmenu。

一个好的解决方案是保持> 100不变，而是隐藏/显示一个属性为#navmenu的新元素。