前言

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

各瀏覽器的寫法

• 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

具體的寫法

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

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

如果需要監聽滾動條，那么就監聽onscroll事件即可；如

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。