body的滚动事件的坑
来源:互联网 发布:java商品库存管理系统 编辑:程序博客网 时间:2024/06/11 21:10
踩过些坑,得到的结论,不一定精确
1、
body的滚动条,刷新页面的时候不会回到顶部。其他dom节点会
2、
body只能通过onscroll函数表达式的方法来绑定滚动事件
(其中,IE不能监听body的滚动事件)
document.querySelector('body').onscroll = function() { console.log(1) };
以下2种方式,均以失败告终
document.querySelector('body').addEventListener('onscroll', function() { console.log(2) });$('body').on('scroll', function() { console.log(3);})
3、
即时通过上述方法勉强为body绑定上了滚动事件,
那你要做好准备了,很有可能这个函数会莫名其妙的死掉(就是说,你滚动了鼠标,但并没有如你预期的去执行onscroll函数)当你拿着鼠标疯狂的滚动的时候,它一定会死掉;
或者你把这个页面放那,过了一会儿你又去调戏它,onscroll函数也很有可能不执行;
就是这么矫情,你能把它咋滴
注:貌似只有Edge不会死掉
4、说了这么多,解决方案呢?不要用body做滚动事件
最好用其他容器来做滚动事件的操作吧,如果非要用body?试试用document代替
0 0
- body的滚动事件的坑
- 为什么jQuery不能监听body的滚动事件呢?
- 页面滚动条 body的滚动条
- body document对象的事件
- body元素的onload事件
- body 滚动条scrollbar的样式设置
- 移动端如何禁止body的滚动
- 动态添加页面的BODY OnLoad事件
- IE中body的事件范围
- 黑马程序员--Body、document对象的事件
- html body的onload事件详解
- body和document常用的事件
- 滚动条JS中document.body.scrollTop不起作用的原因
- Html body的滚动条禁止与启用
- html,body设置高度100%和默认的滚动条
- iframe,body,div三者滚动条重合的问题
- Html body的滚动条禁止与启用
- html,body设置高度100%和默认的滚动条
- SpringAOP之切点和切面的深入理解
- RotatedRect和CvBox2D的角度疑云
- Linux SCP命令 与 vsftpd 的配置
- Shiro学习
- Android手机USB OTG支持网线
- body的滚动事件的坑
- CodeForces
- nyoj 35 表达式求值
- HTML中几种为<button>绑定点击事件的方式比较
- RHEL-RH134-UNIT10-selinux的管理
- Lua实现事件派发器
- 设计模式-观察者模式
- DataInputStream处理字符串问题
- 通过广播实现网络监听及判断网络类型