描述

让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;

最新文章

  1. .NET正则表达式基础入门
  2. javascrit2.0完全参考手册(第二版) 第1章第1节 在XHTML文档中增加javascript
  3. iOS视图控制器的生命周期
  4. HBase在单Column和多Column情况下批量Put的性能对比分析
  5. Selenium2Library系列 keywords 之 _SelectElementKeywords 之 unselect_from_list(self, locator, *items)
  6. android代码片段二
  7. CTE-递归[2]
  8. 启动tomcat的时候,服务器暂停到装载mysql驱动文件的原因
  9. 折返(Reentrancy)VS线程安全(Thread safety)
  10. Javascript封装弹出框控件
  11. c++STL排序算法注意事项
  12. C语言精要总结-指针系列(一)
  13. 【CentOS】阿里云CentOS安装php环境
  14. redis对sorted_set进行的相关操作
  15. 最长绝对文件路径——算法面试刷题1(google),字符串处理,使用tree遍历dfs类似思路
  16. 有关Java垃圾回收的几个问题
  17. 取消vim打开文件全是黄色方法
  18. Delphi 初始化的顺序
  19. 深度优先搜索之小z的房子与验证码识别
  20. 【Potplayer】视频播放器

热门文章

  1. spring security梳理
  2. 公式化学习requests(第二卷)
  3. JavaScript replace() 方法+字符子集介绍(*)
  4. Nginx for windows 访问路径包含中文
  5. axios统一封装
  6. Spring MVC 增加静态资源配置mvc:resources跳转不了链接
  7. &lt;USACO06NOV&gt;玉米田Corn Fields
  8. Java并发 - (无锁)篇6
  9. iPhone X会成为苹果最短命的旗舰机型吗?
  10. 数据库事务(Transaction)