1

我添加了以下 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>
4

1 回答 1

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 事件滚动和鼠标滚轮上阅读更多相关信息。

在此处输入图像描述

于 2013-08-14T23:48:46.897 回答