document.body.scrollTop为0的处理办法

最新推荐文章于 2021-11-15 12:55:09 发布
最新推荐文章于 2021-11-15 12:55:09 发布
阅读量406 收藏
点赞数
分类专栏： JS等效 文章标签： html web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hanxcloveyou/article/details/3122345
版权
今天在写一个带滚动层网页的时候，遇到这样一个棘手的问题：document.body.scrollTop的值始终为0，于是到处找相关解决办法。原来是DTD的问题,要是页面直接用<html>开头的话就没有问题了。但是要符合web标准,DTD当然是不能少的。使用DTD时用document.documentElement.scrollTop代替document.body.scrollTop就可以了。
试一试，果然是这样子的！
记住了，当使用DTD时，用 document.documentElement.scrollTop代替document.body.scrollTop
hanxcloveyou
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Document.body.scrollTop的值总为零的快速解决办法
01-19
有一个功能需要判断返回顶部按钮是否显示。 JS代码如下： var sTop = document.body....但是发现document.body.scrollTop一直是0。 查资料发现是DTD的问题。 页面指定了DTD，即指定了DOCTYPE时，使用document.docu
document.body属性.document.body.scrollTop
04-18
NULL 博文链接：https://lingf.iteye.com/blog/1852295
document.body.scrollTop一直为0的解决办法!
weixin_33962621的博客
02-13 98
1,去掉<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml">这样的web标准语句,因为加上后会让doc...
关于scrollTop为0以及解决方法
weixin_30483697的博客
05-11 141
一.当有DOCTYPE声明的时候， <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 需要用document.documentElement.scrollTop方法来获取滚动条高度。 当没...
卷曲document.body.scrollTop的值总为零的解决办法
喵喵的博客
04-26 519
转载 document.body.scrollTop的值总为零的原因 有一个功能需要判断下拉的距离，设置头部固定导航栏的颜色。 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wid...
documentbodyscrollTop的值总为零的解决办法
weixin_30577801的博客
03-07 135
有一个功能需要判断返回顶部按钮是否显示。 JS代码如下： var sTop = document.body.scrollTop; if(sTop>100){ document.getElementById("sm_top").style.display="block"; }else{ document.getElementB...
Document.body.scrollTop的值总为零
qq_35617617的博客
03-29 252
document.body.scrollTop一直是0。 页面指定了DTD，即指定了DOCTYPE时，使用document.documentElement。 页面没有DTD，即没指定DOCTYPE时，使用document.body。 IE和Firefox都是如此。
document.body.scrollTop的值总为零的解决办法
weixin_42929937的博客
11-15 1898
1. 在模拟点击返回顶部按钮，页面就会滑动到顶部，但是在获取页面卷去头部的大小时，document.body.scrollTop总是为0. 后面尝试用了document.documentElement.scrollTop就可以获得被卷去的头部。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible
解决VUE中document.body.scrollTop为0
Lucky铂爵
03-22 1216
解决VUE中document.body.scrollTop为0 updated: function() { this.KaTeX parse error: Expected '}', got 'EOF' at end of input: …var div = this.refs.dialogue_box; setTimeout(() => { document.documentElement...
vue 中监听document.body.scrollTop 值总为0的解决方法
yw1376394716的博客
06-11 1万+
最近在vuex项目中碰到了这个问题，监听页面滚动时 document.body.scrollTop一直都是0，捣鼓了好久最后找到了几个解决方法 方法一：浏览器兼容有问题 写个兼容方法就行 // chrome || firefox || IE： // document.documentElement.scrollTop document.body.scrollTop // safari: window.pageYOffset let scrollTop= document.documentEleme
解决VUE中document.body.scrollTop为0的问题
10-18
今天小编就为大家分享一篇解决VUE中document.body.scrollTop为0的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
document.body.scrollTop 值总为0的解决方法 比较常见的标准问题
12-10
} 可是怎么没有达到预期效果呢，输出 document.body.scrollTop 的值一看，一直都是 0。原来是 DTD 的问题,要是页面直接用 开头的话就没有问题了。但是要符合 web 标准，DTD 当然是不能少的。具有 D
关于var body=document.getElementsByTagName("body")[0];出现的问题
热门推荐
q285661571的专栏
04-19 1万+
body元素不用通过document.getElementsByTagName()方法获得，直接通过document.body属性使用就行了
加入收藏,设为首页
11-22 957
function AddFavorite(sURL, sTitle){     try     {         window.external.addFavorite(sURL, sTitle);     }     catch (e)     {         try         {             window.sidebar.addPanel(sTitle, sURL,
Js设置文本框中焦点位置在最后
10-15 933
在一般的程序中.程序员做输入框内容正确性检测时一般喜欢通过判断内容的合法性来确定焦点框.如:if(obj.value==""){   obj.focus();   return false;}这样当哪一项输入框为空是就将焦点移动那一项输入框..这项功能使用起来非常方便..但是存在一个小小的问题...那就是obj.focus()将焦点移动到输入框后,会将文字光标(就是一闪
网页JS经典代码
09-08 833
   网页JS经典代码  【1、普通的弹出窗口】 其实代码非常简单： window.open (page.html) --> 　　因为这是一段javascripts代码，所以它们应该放在标签和之间。是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。 　window.open (page.html) 用于控制弹出新的窗口page
document.body.scrollTop为0 怎么解决
最新发布
06-09
如果您的 `document.body.scrollTop` 始终为0，有可能是因为您的body元素没有设置高度，或者您的body元素中没有内容导致无法滚动。您可以尝试在body元素中添加一些元素或者设置一个高度来测试是否可以正常滚动。 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值