关于如何绑定Jquery 的scroll事件(兼容浏览器)

February 13, 2015

继续阅读

今天做一个随屏幕滚动的导航条时,发现一个问题:

火狐、谷歌、ie9正常,ie8、7、6页面滚动时,导航条没有反应。

代码如下:

$(document).bind("scroll",function(){
    //……
});

后来怀疑绑定对象出了问题,不应该绑定document。改成“body”,还是不行。再改成window,测试成功。

代码如下:

$(window).bind("scroll",function(){
    //……
});

查找api后,发现一句话:

当用户滚动元素中到一个不同的地方时,scroll事件将发送到这个元素。它适用于window对象,但也可滚动框架与CSS overflow属性设置为scroll的元素