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

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;

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com