jquery - 在 ie8 中调整固定菜单的大小

Question

我添加了以下 jQuery 代码来调整滚动情况下固定菜单的大小，但它在 ie8 中不起作用

<script type="text/javascript">

    jQuery(document).on("scroll",function(){
        if(jQuery(document).scrollTop()>100){
            jQuery(".navbar-fixed-top").addClass("small");
        } else{
            jQuery(".navbar-fixed-top").removeClass("small");
        }
    }); 

</script>

Answer 1

尝试使用window而不是document，显然 IE <=8 将滚动事件与它联系起来：

jQuery(window).on("scroll",function(){
    if(jQuery(document).scrollTop()>100){
        jQuery(".navbar-fixed-top").addClass("small");
    } else{
        jQuery(".navbar-fixed-top").removeClass("small");
    }
});

---

兼容性表：

^{您可以在quirksmode.org DOM 事件滚动和鼠标滚轮上阅读更多相关信息。}