document.body和 document.documentElement.scrollTop

老师您好:

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

对于有doctype声明的页面可以使用 document.documentElement.scrollTop

如果谷歌浏览器使用document.documentElement.scrollTop赋值滚动条不管用

请问这种兼容问题怎么解决,谷歌使用document.body.scrollTop 可以

mkcy 2020-02-21

源自：宣传页项目 5-5 JS实现滑动门效果

17

收起

1回答

秋之枫华 2020-02-21 23:28:36

var top = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;

这样写应该可以兼容大部分浏览器了

提问者 mkcy #1

如果给滚动条赋值呢? 这样吗? document.documentElement.scrollTop = i * 800; document.body.scrollTop=i * 800; window.pageYOffset=i * 800; 赋值后谷歌浏览器滚动条不滑动

2020-02-22 10:01:41
秋之枫华回复提问者 mkcy #2

最后一个去掉，只留前两个就行了

2020-02-22 11:46:42

相似问题

window.scrollY || document.documentElement.scrollTop

document.documentElement和document.body的区别

fastclick.attach(document.body)

document.body

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

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

1.前端零基础入门

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

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

本课精华内容

问答作业

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

16 1

请老师检查

65 3

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

26 3

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

18 1

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

188 1

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号