js获取滚动条的高度
振礼硕晨 2018-09-10 14:12:03 浏览22 评论0- 编程语言
- 移动开发与客户端
- javascript
- 函数
- 浏览器
- 测试
- API
- chrome
- Firefox
摘要： 浏览器获取滚动条高度的方法 浏览器 API IE6/7/8 document.documentElement.scrollTop IE9及以上 window.pageYOffset 或者 document.
浏览器获取滚动条高度的方法
| 浏览器 | API |
|---|---|
| IE6/7/8 | document.documentElement.scrollTop |
| IE9及以上 | window.pageYOffset 或者 document.documentElement.scrollTop |
| Safari | window.pageYOffset或者document.body.scrollTop |
| Firefox | window.pageYOffset 或者 document.documentElement.scrollTop |
| Chrome | document.documentElement.scrollTop |
备注
- 很多技术博客上面说Chrome只能使用
document.body.scrollTop来获取滚动条的高度。 - 但是我在测试的时候发现，Chrome不能使用
document.body.scrollTop，只能使用document.documentElement.scrollTop来获取滚动条的高度。 - 如果使用
document.body.scrollTop，那么所获得的数值始终是0。 - 不过大家不用国语在意这一点，我们直接封装一个函数来获取滚动条的高度即可。
封装获取滚动条高度的函数
function getScrollTop() {
var scroll_top = 0;
if (document.documentElement && document.documentElement.scrollTop) {
scroll_top = document.documentElement.scrollTop;
}
else if (document.body) {
scroll_top = document.body.scrollTop;
}
return scroll_top;
}
用云栖社区APP，舒服~
【云栖快讯】诚邀你用自己的技术能力来用心回答每一个问题，通过回答传承技术知识、经验、心得，问答专家期待你加入！ 详情请点击- 分享到:
