document.body.scrollTop

滚动条滚动时，一直输入0，值没变，啥原因呢？

午炎子栩 2019-08-12

源自：宣传页项目 5-3 JS实现交互动画(导航条)

9

收起

3回答

好帮手慕码 2019-08-13 11:16:42

同学你好！

没有声明！DOCTYPE html也是可以正常读取哦。关于scrolltop是有兼容性的，如下：

（1）IE：

对于没有doctype声明的页面，使用 document.body.scrollTop 或document.documentElement.scrollTop；

对于有doctype声明的页面，则使用 document.documentElement.scrollTop；

（2）Chrome、Firefox：

对于没有doctype声明的页面，使用 document.body.scrollTop 来获取 scrollTop高度；

对于有doctype声明的页面，则使用 document.documentElement.scrollTop；

所以一般使用scrollTop的话，用兼容性写法：document.body.scrollTop||document.documentElement.scrollTop

如果帮助到了你欢迎采纳祝学习愉快！

好帮手慕码 2019-08-13 10:45:38

同学你好！

可以参考如下：

如果帮助到了你欢迎采纳祝学习愉快~

提问者午炎子栩 2019-08-13 00:05:32

我把我的html.js 中只留这几行代码，输出的都是0.

我把老师的html.js也只留这几行代码，输出的就会是真实的变化的值。

这...脑壳痛

提问者午炎子栩 #1

1. 是的是的，可以读取document.documentElement.scrollTop 为什么呢，源码的document.body.scrollTop可以正常读取的。没发现index.html有什么区别啊，（老师的只是body下header上多套了一层div class="box"而已，这不像是原因吧） 2. 还有源码中index.html没有声明！DOCTYPE html，怎么也能正常读取h5页面呢

2019-08-13 10:55:53

相似问题

无法调用done

document.body和 document.documentElement.scrollTop

document.body.scrollTop = 800 * i语句赋值后，页面没有跳转

document.body.scrollTop和document.documentElement.scrollTop有什么兼容问题

我的火狐浏览器的不到document.body.scrolltop的值！！！

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载