awaitluo
awaitluo
  • 发布:2020-08-01 17:20
  • 更新:2020-08-01 17:38
  • 阅读:23

切换输入框时,滚动条位置会跳到顶部位置,导致输入框被虚拟键盘遮挡

分类:MUI

产品分类: 其他/MUI

操作步骤:

1、点击一个在偏靠下方的输入框,
2、输入完成之后,不去点击完成,而是直接点击下一个输入框
3、这个时候就会发现滚动条跳到了顶部位置

预期结果:

1、点击一个在偏靠下方的输入框,
2、输入完成之后,不去点击完成,而是直接点击下一个输入框
3、获得焦点的输入框应该显示在h5可见区域的中间位置

实际结果:

1、点击一个在偏靠下方的输入框,
2、输入完成之后,不去点击完成,而是直接点击下一个输入框
3、滚动条跳到了顶部位置,获得焦点的输入框被虚拟键盘遮挡

bug描述:

ios 手机浏览器端,在切换输入框时,存在滚动条位置会跳到顶部位置,导致输入框被虚拟键盘遮挡

下方演示录屏,以及微信版本和ios手机系统版本

2020-08-01 17:20 负责人:无 分享
已邀请:
awaitluo

awaitluo (作者) - 哎……

找到问题了,
window.scrollTo(b.body.scrollLeft, b.body.scrollTop)
这时出现上述问题的带码,注释掉就能解决上述问题

要回复问题请先登录注册