Document.body.scrollTop的值总为零的快速解决办法

前端之家收集整理的这篇文章主要介绍了Document.body.scrollTop的值总为零的快速解决办法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

@H_301_0@有一个功能需要判断返回顶部按钮是否显示


@H_301_0@JS代码如下:


<div class="jb51code">
<pre class="brush:js;">
var sTop = document.body.scrollTop;
if(sTop>100){
document.getElementById("sm_top").style.display="block";
}else{
document.getElementById("sm_top").style.display="none";
}

@H_301_0@但是发现document.body.scrollTop一直是0。

@H_301_0@查资料发现是DTD的问题。

@H_301_0@页面指定了DTD,即指定了DOCTYPE时,使用document.documentElement。

@H_301_0@页面没有DTD,即没指定DOCTYPE时,使用document.body。

@H_301_0@IE和Firefox都是如此。

@H_301_0@而我的页面加了,所以如下即可。

100){ document.getElementById("sm_top").style.display="block"; }else{ document.getElementById("sm_top").style.display="none"; } }
@H_301_0@以上所述是小编给大家介绍的Document.body.scrollTop的值总为零的解决办法,希望对大家有所帮助!

原文链接:https://www.f2er.com/js/47998.html

猜你在找的JavaScript相关文章