document.body.scrollTop 值總為0的解決方法比較常見的標準問題

2019-11-21 00:57:17

字體：大中小

來源：轉載

供稿：網(wǎng)友

做頁面的時候可能會用到位置固定的層，讀取 document.body.scrollTop 來設置層的位置，像這樣：

window.onscroll = function (){
var oFix = document.getElementById("divfix");
oFix.style.top = document.body.scrollTop + "px";
}

可是怎么沒有達到預期效果呢，輸出 document.body.scrollTop 的值一看，一直都是 0。原來是 DTD 的問題,要是頁面直接用開頭的話就沒有問題了。但是要符合 web 標準，DTD 當然是不能少的。具有 DTD 時用 document.documentElement.scrollTop 代替 document.body.scrollTop 就可以了。

window.onscroll = function (){
var oFix = document.getElementById("divfix");
oFix.style.top = document.documentElement.scrollTop + "px";
}

編者注：

頁面具有 DTD（或者說指定了 DOCTYPE）時，使用 document.documentElement。
頁面不具有 DTD（或者說沒有指定了 DOCTYPE）時，使用 document.body。
在 IE 和 Firefox 中均是如此。
為了兼容，可以使用如下代碼： var scrollTop = window.pageYOffset
|| document.documentElement.scrollTop
|| document.body.scrollTop
|| 0;

上一篇：jQuery chili圖片遠處放大插件

下一篇：javascript 設置某DIV區(qū)域內(nèi)的checkbox復選框