瀏覽器獲取滾動(dòng)條高度的方法
| 瀏覽器 | 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 |
備注
- 很多技術(shù)博客上面說(shuō)Chrome只能使用
document.body.scrollTop來(lái)獲取滾動(dòng)條的高度。 - 但是我在測(cè)試的時(shí)候發(fā)現(xiàn)纳账，Chrome不能使用
document.body.scrollTop逛薇，只能使用document.documentElement.scrollTop來(lái)獲取滾動(dòng)條的高度。 - 如果使用
document.body.scrollTop疏虫，那么所獲得的數(shù)值始終是0永罚。 - 不過(guò)大家不用國(guó)語(yǔ)在意這一點(diǎn)啤呼，我們直接封裝一個(gè)函數(shù)來(lái)獲取滾動(dòng)條的高度即可。
封裝獲取滾動(dòng)條高度的函數(shù)
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;
}
