您的位置:首页 > 其它

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

2014-04-22 10:00 447 查看
[*]几乎所有浏览器都不支持在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两者之间较大值为网页的真实滚动高度
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: