关于如何绑定Jquery 的scroll事件(兼容浏览器)
今天做一个随屏幕滚动的导航条时,发现一个问题:
火狐、谷歌、ie9正常,ie8、7、6页面滚动时,导航条没有反应。
代码如下:
- $(document).bind("scroll",function(){
- //……
- });
$(document).bind("scroll",function(){ //…… });
后来怀疑绑定对象出了问题,不应该绑定document。改成“body”,还是不行。再改成window,测试成功。
代码如下:
- $(window).bind("scroll",function(){
- //……
- });
$(window).bind("scroll",function(){ //…… });
查找api后,发现一句话:
- 当用户滚动元素中到一个不同的地方时,scroll事件将发送到这个元素。它适用于window对象,但也可滚动框架与CSS overflow属性设置为scroll的元素
相关推荐
84483065 2020-09-11
85477104 2020-08-15
83510998 2020-08-08
tztzyzyz 2020-07-05
delmarks 2020-06-28
89510194 2020-06-27
牵手白首 2020-06-14
tztzyzyz 2020-05-31
81463166 2020-05-17
88570299 2020-05-17
delmarks 2020-05-17
donghongbz 2020-05-15
tztzyzyz 2020-05-15
<table id="table" class="table table-striped table-bordered table-hover table-nowrap" width="100%&qu
牵手白首 2020-05-14
Chriswang 2020-04-30
83510998 2020-05-03