浏览器滚动条的兼容性问题
来源:互联网 发布:成本数据分析 编辑:程序博客网 时间:2024/06/10 17:20
通用的属性window.pageXoffset,window.pageYoffset.(ie8以下版本不支持)
ie,火狐下:
document.body.scrollTop:0
document.documentElement.scrollTop:x
chrome:
document.body.scrollTop:x
document.documentElement.scrollTop:0
关于滚动条兼容性的用法scrollTop=window.pageYoffset || (document.body.scrollTop+document.documentElement.scrollTop)
document.body.clientHeight代表整个body的高度,而不仅仅是可见区域。
document.documentElement.clientHeight,可见区域的高度,出现滚动条的时候也是可见区域高度,而不是整个body的高度。
window.innerHeight可见区域的高度,网上说不包括滚动条高度,但是测试下发现是包括的,后来查了一下MDN,是这么说的Height (in pixels) of the browser window viewport including, if rendered, the horizontal scrollbar。所以这个应该是包括滚动条的。
0 0
- 浏览器滚动条的兼容性问题
- 浏览器滚动条的处理
- 记录css自定义滚动条遇到的兼容性问题
- 带滚动条的报表滚动条自适应浏览器
- 浏览器滚动条的参数总结
- 浏览器滚动条的参数总结
- 浏览器滚动条的参数总结
- 如何设定浏览器滚动条的颜色
- 浏览器滚动条的参数总结
- 禁用浏览器滚动条的解决方案
- css设置浏览器的滚动条样式
- css设置浏览器滚动条的样式
- 获取浏览器垂直滚动条的位置
- 获取主流浏览器滚动条的位置
- 判断浏览器滚动条的位置
- 修改浏览器默认的滚动条样式
- 自定义浏览器滚动条的样式
- 如何去除浏览器的滚动条
- iOS复习main.storybord制作 计算器与运动色块
- mongo数据库查询常用语句
- 通过HttpURLConnection模拟post表单提交
- ubuntu下100%成功安装torch,同时配置cuda和cudnn(不成功,则成仁)
- Mvc模版页制作
- 浏览器滚动条的兼容性问题
- B+树 习题解
- 离线专题学习
- VC 绘图映射模式之间的转换关系示意
- 矩阵翻转
- Verilog中阻塞赋值和非阻塞赋值区别
- freeswitch新增app接口
- 逻辑回归
- 想搞个nas (1)