documentbodyscrollTop的值总为零的解决办法

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

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";}}

本文作者starof,因知识本身在变化，作者也在不断学习成长，文章内容也不定时更新，为避免误导读者，方便追根溯源，请诸位转载注明出处：http://www.cnblogs.com/starof/p/5238654.html有问题欢迎与我讨论，共同进步。

转载于:https://www.cnblogs.com/starof/p/5238654.html

documentbodyscrollTop的值总为零的解决办法相关推荐

【Linux】12.ssh登录服务器一直被拒绝、以及 ssh连接总自己断开的解决办法
ssh登录服务器一直被拒绝.以及 ssh连接总自己断开的解决办法 1.ssh登录服务器一直被拒绝的解决办法 ssh登录服务器,密码正确但是一直出现下面这种情况: Permission denied, ...
“Emgu.CV.CvInvoke”的类型初始值设定项引发异常解决办法
"Emgu.CV.CvInvoke"的类型初始值设定项引发异常解决办法参考文章: (1)"Emgu.CV.CvInvoke"的类型初始值设定项引发异常解决 ...
c语言浮点数无效,深入C++浮点数无效值定义与判定的解决办法
深入C++浮点数无效值定义与判定的解决办法在实际计算中可能会出现浮点型的无效数据,格式化输出到文件中内容为1.79769e+308,输出到界面就是很大一串数据.这两种方式无论哪种在阅读和查找时就不是 ...
新版SP出现TDR值太低警告的解决办法
在windows环境下,打开新版SP可能会弹出以下窗口,提示你的TDR(Timeout Detection Recovery)过低,点击Continue anyway可进入软件但是可能会带来例如软件崩 ...
vue 中监听document.body.scrollTop 值总为0的解决方法
// 基础资料网页正文全文高: document.body.scrollHeight; 网页被卷去的高: document.body.scrollTop; scrollTop 设置或获取位于对象最顶 ...
[异常解决] MPU6050启动异常读出陀螺仪和加速度计的值全为0的解决办法
在调试一个自己做的手环,每次用keil烧写好程序运行的蓝牙.陀螺仪都是正常的.但是掉电再上电之后蓝牙是好的.陀螺仪可以读出ID但是读出的加速度和角速度数据全为0. 下面是发生问题时main函数的前面部 ...
ajax异步session值不唯一总是改变解决办法
2019独角兽企业重金招聘Python工程师标准>>> Ajax跨域请求保证同一个session的问题我们知道,根据浏览器的保护规则,跨域的时候我们创建的sessionId是不会被 ...
Echarts中折线图Y轴数据值太长显示不全-解决办法
正常状态不全的情况所有的数据都是从后台取的,也就是说动态变化的,一开始的时候数据量不大不会出现问题,后面y轴的值越来越大的时候就出现了这个显示不全的情况代码 <div id="c ...
WIN7安装VISIO 错误1406 安装程序无法将值写入注册表项解决办法
解决方法一: 输入regedit打开注册表,找到HKEY_LOCAL_MACHINE/SOFTWARE/Microsoft/Internet Explorer/MAIN/FeatureControl, ...

documentbodyscrollTop的值总为零的解决办法

documentbodyscrollTop的值总为零的解决办法相关推荐

最新文章

热门文章