Document.body.scrollTop的值總為零的快速解決辦法
更新時間：2016年06月09日 12:07:11 作者：starof
這篇文章主要介紹了Document.body.scrollTop的值總為零的解決方法的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下
有一個功能需要判斷返回頂部按鈕是否顯示。
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的問題。
頁面指定了DTD，即指定了DOCTYPE時，使用document.documentElement。
頁面沒有DTD，即沒指定DOCTYPE時，使用document.body。
IE和Firefox都是如此。
而我的頁面加了<!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的值總為零的解決辦法，希望對大家有所幫助！
相關(guān)文章
這篇文章主要為大家詳細介紹了javascript基本算法，包括輸出奇偶數(shù)控制算法、冒泡排序等，感興趣的小伙伴們可以參考一下2016-03-03
解決使用attachEvent函數(shù)時，this指向被綁定的元素的問題的方法
解決使用attachEvent函數(shù)時，this指向被綁定的元素的問題的方法...2007-08-08![[js高手之路]HTML標簽解釋成DOM節(jié)點的實現(xiàn)方法](http://img.jbzj.com/images/xgimg/bcimg2.png)
[js高手之路]HTML標簽解釋成DOM節(jié)點的實現(xiàn)方法
下面小編就為大家?guī)硪黄猍js高手之路]HTML標簽解釋成DOM節(jié)點的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
JavaScript隊列結(jié)構(gòu)Queue實現(xiàn)過程解析
這篇文章主要介紹了JavaScript隊列結(jié)構(gòu)Queue實現(xiàn)過程解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-03-03
js記錄點擊某個按鈕的次數(shù)-刷新次數(shù)為初始狀態(tài)的實例
下面小編就為大家?guī)硪黄猨s記錄點擊某個按鈕的次數(shù)-刷新次數(shù)為初始狀態(tài)的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
本文詳細介紹了在前端項目中插入圖片的不同方法,包括HTML標簽、CSS樣式、JavaScript動態(tài)加載以及圖片的性能優(yōu)化,其中涉及到的技術(shù)包括響應(yīng)式圖片設(shè)計、圖片懶加載技術(shù)和圖片格式選擇等,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-10-10
這篇文章主要介紹了JS實現(xiàn)水平遍歷和嵌套遞歸操作,結(jié)合實例形式分析了javascript遍歷與遞歸相關(guān)操作技巧,需要的朋友可以參考下2019-08-08
這篇文章主要介紹了JavaScript分秒倒計時器實現(xiàn)方法,可實現(xiàn)按照毫秒倒計時的效果,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
這篇文章主要為大家詳細介紹了ionic隱藏tabs的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要為大家詳細介紹了javascript實現(xiàn)圖片輪播簡單效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07