[BUG]document.body.scrollTop=0不生效(回到顶部)
2024-08-30 07:07:47
描述
让body回滚到最顶部,设置 document.body.scrollTop = 0;
。
微信内,安卓设备可以,IOS设备不可以。
原因
MDN中 scrollTop
是这样定义的
一个元素的
scrollTop
值是这个元素的顶部到视口可见内容(的顶部)的距离的度量。当一个元素的内容没有产生垂直方向的滚动条,那么它的scrollTop
值为0。
简单来说,scrollTop
是这个元素的内容相对于自己向上滚动的高度。
ios设备中没问题,但是安卓设备 body
比较特殊,即使body没有限制高度,body的内容没有相对于自己滚动,也会有 scrollTop
值。
然而如果限制了body高度,让body的内容相对于自己滚动, ios设备中 body.scrollTop 有值, 安卓设备 body.scrollTop 始终为0。
解决方案
不使用body,在body内部设置最大容器root盒子, 然后操作root盒子。
html,
body,
#root {
height: 100%;
}
#root {
overflow: auto;
}
<body>
<div id="root">
<!-- 这里放内容 -->
</div>
</body>
document.getElementById('root').scrollTop = 0;
最新文章
- .NET正则表达式基础入门
- javascrit2.0完全参考手册(第二版) 第1章第1节 在XHTML文档中增加javascript
- iOS视图控制器的生命周期
- HBase在单Column和多Column情况下批量Put的性能对比分析
- Selenium2Library系列 keywords 之 _SelectElementKeywords 之 unselect_from_list(self, locator, *items)
- android代码片段二
- CTE-递归[2]
- 启动tomcat的时候,服务器暂停到装载mysql驱动文件的原因
- 折返(Reentrancy)VS线程安全(Thread safety)
- Javascript封装弹出框控件
- c++STL排序算法注意事项
- C语言精要总结-指针系列(一)
- 【CentOS】阿里云CentOS安装php环境
- redis对sorted_set进行的相关操作
- 最长绝对文件路径——算法面试刷题1(google),字符串处理,使用tree遍历dfs类似思路
- 有关Java垃圾回收的几个问题
- 取消vim打开文件全是黄色方法
- Delphi 初始化的顺序
- 深度优先搜索之小z的房子与验证码识别
- 【Potplayer】视频播放器
热门文章
- spring security梳理
- 公式化学习requests(第二卷)
- JavaScript replace() 方法+字符子集介绍(*)
- Nginx for windows 访问路径包含中文
- axios统一封装
- Spring MVC 增加静态资源配置mvc:resources跳转不了链接
- <;USACO06NOV>;玉米田Corn Fields
- Java并发 - (无锁)篇6
- iPhone X会成为苹果最短命的旗舰机型吗?
- 数据库事务(Transaction)