前言

在開發(fā)中，兼容性問題是最常見的，今天就來介紹一下關(guān)于獲取滾動(dòng)條高度的兼容性寫法，寬度同理，我在這里就不一一解釋了

各瀏覽器的寫法

• 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.body.scrollTop

具體的寫法

通過上面列出的主流瀏覽器的兼容性，其實(shí)我們不難看出，其實(shí)只要我們判斷到document.body.scrollTop和document.documentElement.scrollTop就會(huì)包括上面所有的瀏覽器；故最終的寫法

var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; console.log(scrollTop);

如果需要監(jiān)聽滾動(dòng)條，那么就監(jiān)聽onscroll事件即可；如

document.body.onscroll = function(){var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;console.log(scrollTop); }

總結(jié)

以上是生活随笔為你收集整理的js基础--获取浏览器当前页面的滚动条高度的兼容写法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。