當(dāng)前位置：
首頁 >
documentbodyscrollTop的值总为零的解决办法
發(fā)布時(shí)間：2023/12/1
51
豆豆
生活随笔
收集整理的這篇文章主要介紹了
documentbodyscrollTop的值总为零的解决办法
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
有一個(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的問題。
頁面指定了DTD，即指定了DOCTYPE時(shí)，使用document.documentElement。
頁面沒有DTD，即沒指定DOCTYPE時(shí)，使用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";}}?
?
本文作者starof,因知識本身在變化，作者也在不斷學(xué)習(xí)成長，文章內(nèi)容也不定時(shí)更新，為避免誤導(dǎo)讀者，方便追根溯源，請諸位轉(zhuǎn)載注明出處：http://www.cnblogs.com/starof/p/5238654.html有問題歡迎與我討論，共同進(jìn)步。
轉(zhuǎn)載于:https://www.cnblogs.com/starof/p/5238654.html
總結(jié)
以上是生活随笔為你收集整理的documentbodyscrollTop的值总为零的解决办法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 不孕不育检查什么时候合适
- 下一篇： 为集合排序的三个方法