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的值总为零的解决办法，希望对大家有所帮助！
-
本文向大家介绍解决webpack打包速度慢的解决办法汇总，包括了解决webpack打包速度慢的解决办法汇总的使用技巧和注意事项，需要的朋友参考一下 刚开始用webpack，谈一谈解决webpack打包慢的问题的方法 技巧1 webpack在打包的时候第一次总是会做很长的准备工作，包括加载插件之类的。在刚接触webpack的时候总是webpack一下-测一下-改一下-再webpack一下，这种方式最
-
本文向大家介绍JS获取浮动(float)元素的style.left值为空的快速解决办法，包括了JS获取浮动(float)元素的style.left值为空的快速解决办法的使用技巧和注意事项，需要的朋友参考一下 解决办法: 1.使用行内样式设置元素的top和left值; 2.or直接获取元素的offsetLeft得到相关数值,还不需要parseInt 问题原因: 如果父div的position定义为r
-
本文向大家介绍Mysql 安装失败的快速解决方法，包括了Mysql 安装失败的快速解决方法的使用技巧和注意事项，需要的朋友参考一下 在安装mysql的过程中，出现的最麻烦的问题和解决方法 安装后，启动不成功，就卡了，程序就没有响应。 如何解决: 找到mysql安装目录下的 该目录就是用来存放我们将来创建的数据库和表的目录, 你只需要将 C:/ProgramData/MySQL/MySQL Serv
-
本文向大家介绍快速解决PostgreSQL中的Permission denied问题，包括了快速解决PostgreSQL中的Permission denied问题的使用技巧和注意事项，需要的朋友参考一下 想开始学习SQL和Excel那本书，觉得自己亲手去输入才是正道。发现程序后续会用到窗口函数，可是我的mysql没有窗口函数，这本书所提供的数据脚本分别是MS SQL Sever和PostreSQL
-
本文向大家介绍快速解决PyCharm无法引用matplotlib的问题，包括了快速解决PyCharm无法引用matplotlib的问题的使用技巧和注意事项，需要的朋友参考一下 序 笔者今天用PyCharm安装了一些数据分析的时候比较有用的模块，系统是ubuntu，说实话，ubuntu（linux）在这方面还真是很方便，几条语句就把这几个模块下载安装编译过了，比于windows里面还要去官网下载文件
-
本文向大家介绍快速解决Canvas.toDataURL 图片跨域的问题，包括了快速解决Canvas.toDataURL 图片跨域的问题的使用技巧和注意事项，需要的朋友参考一下 如题，在将页面的图片地址进行本地输出时（Html2Canvas.js），因不同源存在跨域问题，会出现toDataURL访问权限问题： 【Redirect at origin 'http://sub1.xx.com' has