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

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

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

代码如下：

 

Js代码

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

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

 

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

代码如下：

 

Js代码

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

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

查找api后，发现一句话：

 

Js代码

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