這篇文章主要介紹了Document.body.scrollTop的值總為零的解決方法的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下
有一個(gè)功能需要判斷返回頂部按鈕是否顯示。
JS代碼如下:
var sTop = document.body.scrollTop;
if(sTop>100){
document.getElementById("sm_top").style.display="block";
}else{
document.getElementById("sm_top").style.display="none";
}
但是發(fā)現(xiàn)document.body.scrollTop一直是0。
查資料發(fā)現(xiàn)是DTD的問(wèn)題。
頁(yè)面指定了DTD,即指定了DOCTYPE時(shí),使用document.documentElement。
頁(yè)面沒(méi)有DTD,即沒(méi)指定DOCTYPE時(shí),使用document.body。
IE和Firefox都是如此。
而我的頁(yè)面加了<!DOCTYPE html>,所以如下即可。
/*判斷回到頂部按鈕顯示與否*/
window.onscroll=function(){
var sTop = document.documentElement.scrollTop;
if(sTop>100){
document.getElementById("sm_top").style.display="block";
}else{
document.getElementById("sm_top").style.display="none";
}
}
以上所述是小編給大家介紹的Document.body.scrollTop的值總為零的解決辦法,希望對(duì)大家有所幫助!