documentbodyscrollTop的值总为零的解决办法 - starof
程序员文章站
2022-03-04 09:16:50
...
有一个功能需要判断返回顶部按钮是否显示。
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都是如此。
而我的页面加了,所以如下即可。
/*判断回到顶部按钮显示与否*/ 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有问题欢迎与我讨论,共同进步。
推荐阅读
-
@RequestBody为JavaBean对象注入字段值为空的解决办法
-
Mybatis:使用bean传值,当传入值为Null时,提示“无效的列类型”的解决办法
-
JavaScript创建初始值为零的二维数组
-
ACCESS数据库修改自动编号的ID值为零的方法分享
-
Excel2010如何将工作表单元格中计算结果为0的零值隐藏
-
JS的中文输入法下KeyDown()的keyCode值总为229
-
document.body.scrollTop 值总为0的解决方法 比较常见的标准问题_javascript技巧
-
Mybatis Integer类型,值为0被认为是空字符串的解决办法
-
visual studio 2010-VS2010MFC向mysql的表里添加数据时总为空值
-
document.body.scrollTop 值总为0的解决方法 比较常见的标准问题_javascript技巧