Document.body.scrollTop的值总为零的快速解决办法
2016-06-09 12:07
513 查看
有一个功能需要判断返回顶部按钮是否显示。
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的值总为零的解决办法,希望对大家有所帮助!
相关文章推荐
- 函数popen()
- 服务器nginx+nodejs配置
- 详解Linux中将应用程序打包为Snap软件包格式的方法
- poj 3258River Hopscotch
- linux 下wine 和plyaonlinux 安装以及卸载 (linux下运行windows软件的神器)
- zookeeper入门-整理版
- CentOS 7 安装 postgreSQL 9.4
- CentOS 7 安装 postgreSQL 9.4
- IIPP迷你项目(三)“Stopwatch: The Game”
- IEEE802.11数据帧在Linux上的抓取
- vmware下虚拟机centos 桥接上网
- centos 下yum 安装nginx
- 网站常见的安全漏洞
- 搭建Nginx与tomcat整合,用Nginx代替apache
- Linux环境下字符设备驱动开发入门
- actionbar setDisplayOptions用法详解
- CentOS下安装Nginx
- 基础命令
- Web应用架构
- linux 查看软件版本号