调整ie8中固定菜单的大小

Question

我添加了以下jQuery代码，以便在滚动的情况下调整固定菜单的大小，但它不适用于ie 8

<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＆lt; = 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 Events scroll and mousewheel了解更多相关信息。}