ios 键盘弹出后dom元素错乱

Question

如题，在ios中，如果是表单页面，键盘弹出后会把页面（用了fixed）往上伸缩，用户能看到键盘覆盖的内容，本来这个体验很好，但经过测试发现，等填完表单后，键盘收起了，这时页面的元素回归到原来的位置，这时去点击页面的操作按钮确点击不了，本来以为是click出问题，但经过排查并非如此，之后发现在看页面时元素确实回归到原来的位置了，但打开开发者工具去查看dom元素时，发现元素的实际位置还停留在之前键盘弹出的位置，可能描述有点词不达意，建议配合着下面图示，请各位同学和老师能帮忙看看这个问题

注：安卓没有这个问题，键盘弹出后不会伸缩界面；

1、这是页面一开始进来用开发者工具查看页面的状态：

2、这是点击手机输入框后用开发者工具查看页面的状态：

3、这是键盘收起后用开发者工具查看页面的状态：

4、这是键盘收起后用开发者工具查看手机号输入框的实际位置：

Answer 1

提问者 Mei_槑 2018-12-17 17:29:32

我试着把布局调整为absolute，但页面在键盘收起后，整个页面都往上偏移了:

Answer 2

ustbhuangyi 2018-12-17 17:20:31

ios 几？

• 提问者 Mei_槑 #1

  ios 12

• 提问者 Mei_槑 #2

  我试着把布局调整为absolute，但页面在键盘收起后，整个页面都往上偏移了

• ustbhuangyi #3

  你试着把问题只简化到一个只有吸底的 input 框也会有这个问题吗

点开查看后面4条评论