瀏覽器兼容——scrollHeight和scrollTop

今天做無限滾動時發現scrollTop取值一直是0，查了下發現是兼容性問題

chrome：document.body.scrollTop
FF&IE: document.documentElement.scrollTop

所以可以這樣取值：
var oTop=document.body.scrollTop==0?document.documentElement.scrollTop:document.body.scrollTop;

scrollHeight同理

此外
scrollWidth無論body還是documentElement都不會出現兼容問題

而clientXxx值只能是document.documentElement.clientXxx

參考：http://www.lxweimin.com/p/46087c0ace05

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Window和document對象的區別 window對象window對象表示瀏覽器中打開的窗口window對象是...
    FConfidence閱讀 2,254評論 0贊 5
  • 一、JS前言 （1）認識JS 也許你已經了解HTML標記(也稱為結構)，知道了CSS樣式(也稱為表示)，會使用HT...
    凜0_0閱讀 2,798評論 0贊 8
  • DOM 變化 如何確認瀏覽器是否支持 DOM 2 和 DOM 3 新增的模塊：var supportsDOM2Co...
    云之外閱讀 479評論 0贊 0
  • 不知道你咋了，第一次不說晚安就消失不見。關于昨天惹你生氣欺負你我真的不是故意的，知道你心情不好還怪罪你一直不給我照...
    程彬哲閱讀 425評論 0贊 1
  • 又是獨自坐在窗前癡癡的看著什么,眼前卻是一片茫然,心里頭沒有半點思緒.是寂寞?是孤獨?是為了曾經...
    Dylanjie閱讀 428評論 0贊 1