当前位置：首页 > 资讯 > 技术文档

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

时间：2020-06-10 07:09 编辑：来源：阅读：
扫一扫，手机访问

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

有一个功能需要判断返回顶部按钮是否显示。 JS代码如下：

var sTop = document.body.scrollTop;
  if(sTop>100){
    document.getElementById("sm_top").style.display="block";
  }else{
    document.getElementById("sm_top").style.display="none";
  }

但是发现document.body.scrollTop一直是0。查资料发现是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的值总为零的解决办法，希望对大家有所帮助！

全部评论(0)

上一篇：Javascript基础教程之数据类型（布尔型 Boolean）
下一篇：Jquery修改image的src属性,图片不加载问题的解决方法

资讯排行榜
更多>>