兼容不同浏览器的获取滚动高度的方法

来源:互联网 发布:数据库分库分表策略 编辑:程序博客网 时间:2024/05/17 09:22
[*]几乎所有浏览器都不支持在document.body上监听整个网页的滚动事件,除了QQ浏览器
[*]几乎所有浏览器都支持在window对象上监听整个网页的滚动事件
[*]几乎所有浏览器都支持在document对象上监听整个网页的滚动事件,除了QQ浏览器
[*]几乎所有浏览器都支持用document.documentElement.scrollTop来获取网页的滚动高度,除了Chrome和Safari
[*]只有Chrome和Safari支持用document.body.scrollTop来获取网页的高度
(主要测试的浏览器:IE 9,Firefox 12.0,Chrome 20.0.1132.11,Safari 5.1.2,QQ浏览器 6.13)
通过测试,我们得出获取网页滚动高度scrollTop的最佳实践为:
[*]把获取滚动高度的事件处理程序绑定到window对象上
[*]通过获取document.documentElement.scrollTop和document.body.scrollTop两者之间较大值为网页的真实滚动高度
0 0
原创粉丝点击