兼容不同浏览器的获取滚动高度的方法
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两者之间较大值为网页的真实滚动高度
相关文章推荐
- 设计模式之组合模式之感
- 迷茫才是青春该有的样子
- 安装 SQL Server 客户端驱动程序
- AJAX
- OFBIZ分享:base-permission该如何设置
- 乐观主义--《人月神话》
- Accidentally modified an iOS SDK header file, now I cannot compile in simulator
- 嵌入式:节省内存的软件设计技巧
- 嵌入式:节省内存的软件设计技巧
- linux相关的帮助文档
- 增强版内容轮播器(jQuery.flexslider.js的应用)
- hdu 2094 图的拓扑排序
- OC代码原来也可以这样写啊 我OUT了
- VS2005编译VTK5.10.1
- linux下面子目录绑定域名的方法
- iOS Orientation获取
- Delphi字符串函数Delete
- 大端小端以及网络字节序
- charAt()的用法
- 5 个不用 Bootstrap 的理由