ios 版 web-view 组件内软键盘关闭，不能滚动复原视图
发布于 7 年前 作者 lei22 10400 次浏览 来自 问答
  • 问题截图

    1. 打开软键盘后

    2. 关闭软键盘后

   在 android  下没问题，只在 ios 下有问题，input 获取焦点弹出软键盘，input滚动到视图，关闭软键盘的时候不能复原

  • 预期表现

    底部按钮是贴合屏幕底部的

  •  操作流程

小车童小程序主页  查询违章 -> 办理  ->

  • 最小demo实现    1. 正常情况下

       

  1. 打开软键盘

    

3.关闭软键盘，多出了下面部分，不能回滚到页面底部

6 回复

我也出现了 弄了一下午 还以为我代码有问题 我时在公众号上出现的

问题+1

现在的办法就是，当 input 触发 onblur 事件的时候，让容器强制滚动到底部简单的例如：

var body = document.body
var inputs = document.getElementsByTagName('input')
for(var i = 0; i < inputs.length; i++) {
  inputs[i].onblur = function () {
    body.scrollTop = 10000
  }
}

一样的问题，ios12。1下会出现这个bug

出现同样的问题

解决了吗？ios键盘顶起页面，收起键盘页面下面空白，不能自动复位

回到顶部