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

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

分类: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)
这时出现上述问题的带码,注释掉就能解决上述问题

  • c***@shijigroup.com

    您好,我代码里没有window.scrollTo(b.body.scrollLeft, b.body.scrollTop)为什么还会出现这样的问题

    2020-10-15 14:31

  • 1***@qq.com

    回复 c***@shijigroup.com: window.scrollTo(document.body.scrollLeft, document.body.scrollTop);

    2021-06-11 08:46

该问题目前已经被锁定, 无法添加新回复