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

83443560 2012-11-07

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

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

代码如下:

Js代码 关于如何绑定Jquery 的scroll事件(兼容浏览器)关于如何绑定Jquery 的scroll事件(兼容浏览器)关于如何绑定Jquery 的scroll事件(兼容浏览器)
  1. $(document).bind("scroll",function(){
  2. //……
  3. });
$(document).bind("scroll",function(){
	//……
});

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

代码如下:

Js代码 关于如何绑定Jquery 的scroll事件(兼容浏览器)关于如何绑定Jquery 的scroll事件(兼容浏览器)关于如何绑定Jquery 的scroll事件(兼容浏览器)
  1. $(window).bind("scroll",function(){
  2. //……
  3. });
$(window).bind("scroll",function(){
	//……
});

查找api后,发现一句话:

Js代码 关于如何绑定Jquery 的scroll事件(兼容浏览器)关于如何绑定Jquery 的scroll事件(兼容浏览器)关于如何绑定Jquery 的scroll事件(兼容浏览器)
  1. 当用户滚动元素中到一个不同的地方时,scroll事件将发送到这个元素。它适用于window对象,但也可滚动框架与CSS overflow属性设置为scroll的元素

相关推荐

82550495 / 0评论 2020-03-05