有一个功能需要判断返回顶部按钮是否显示。
JS代码如下：
<span style="color: #0000ff;">var</span> sTop =<span style="color: #000000;"> document.body.scrollTop;
</span><span style="color: #0000ff;">if</span>(sTop>100<span style="color: #000000;">){
document.getElementById(</span>"sm_top").style.display="block"<span style="color: #000000;">;
}</span><span style="color: #0000ff;">else</span><span style="color: #000000;">{
document.getElementById(</span>"sm_top").style.display="none"<span style="color: #000000;">;
}</span>但是发现document.body.scrollTop一直是0。
查资料发现是DTD的问题。
页面指定了DTD，即指定了DOCTYPE时，使用document.documentElement。
页面没有DTD，即没指定DOCTYPE时，使用document.body。
IE和Firefox都是如此。
而我的页面加了，所以如下即可。
<span style="color: #008000;">/*</span><span style="color: #008000;">判断回到顶部按钮显示与否</span><span style="color: #008000;">*/</span><span style="color: #000000;">
window.onscroll</span>=<span style="color: #0000ff;">function</span><span style="color: #000000;">(){
</span><span style="color: #0000ff;">var</span> sTop =<span style="color: #000000;"> document.documentElement.scrollTop;
</span><span style="color: #0000ff;">if</span>(sTop>100<span style="color: #000000;">){
document.getElementById(</span>"sm_top").style.display="block"<span style="color: #000000;">;
}</span><span style="color: #0000ff;">else</span><span style="color: #000000;">{
document.getElementById(</span>"sm_top").style.display="none"<span style="color: #000000;">;
}
}</span>
本文作者starof,因知识本身在变化，作者也在不断学习成长，文章内容也不定时更新，为避免误导读者，方便追根溯源，请诸位转载注明出处：http://www.cnblogs.com/starof/p/5238654.html有问题欢迎与我讨论，共同进步。
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
1002
