iOS webview html5 移动端 软键盘d起遮挡输入框

移动web聊天页面，输入框在底部的时候，点击输入，d起软键盘，iOS在将页面推上的时候会回d一下，导致键盘刚好遮挡到输入框。

初次触发输入框的focus的时候，iOS 键盘默认是以英文键盘高度推上页面，但一般我们的默认输入是中文，会导致软键盘的高度变化，中文输入键盘高度高于英文，所以导致了遮挡。

Element.scrollIntoViewIfNeeded() 方法用来将不在浏览器窗口的可见区域内的元素滚动到浏览器窗口的可见区域。 如果该元素已经在浏览器窗口的可见区域内，则不会发生滚动。 此方法是标准的 Element.scrollIntoView() 方法的专有变体。

当键盘在切换中英输入法时，键盘高度变化仍然会引起键盘遮挡

监听输入框的 focus 、 blur 事件，当聚焦时，循环调用 input.scrollIntoViewIfNeeded 方法。

当监听到 blur 时，停止循环。

当实现沉浸式状态栏时遇到软件盘遮挡WebView页面的输入框的问题，这是实现方式有问题，应该检查你的实现方式。1）加载WebView的Activty不能设置为全屏模式，即Theme.NoTitleBar.Fullscreen，可以使用Theme.Holo.Light.NoActionBar 2）沉浸式状态栏的实现方式，在Activity的根布局里加两个属性： android:clipToPadding="true" 设置你的绘制区域在padding里面 android:fitsSystemWindows="true" 调整view的padding属性为系统窗口 留出空间 在Activity的onCreate方法里面设置标题栏为透明，即： getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_ST ATUS) 3）Activity里面不能设置android:windowSoftInputMode的属性，使用默认的属性即可 以上3步即可实现沉浸式状态栏并且能保证你的WebView加载的HTML页面的输入框不被软键盘遮挡。顶 0 踩 0上一篇 Android Studio在SVN上创建分支下一篇 Android Converty问题解决方案相关文章推荐• android中webview加载html输入框不能输入内容问题记录 • 如何解决Android软键盘盖住输入框的问题 • Android 软键盘盖住输入框的问题 • Android 软键盘盖住输入框的问题 • Android 软键盘盖住输入框的问题 • Android 软键盘盖住输入框的问题 • Android 软键盘盖住输入框的问题 • android popupwindow 中输入框被软键盘d出挡住问题解决 • ios解决软键盘遮挡输入框问题 • Android软键盘遮挡输入框解决方法参考知识库Android知识库34080 关注 | 2937 收录猜你在找Android中的五大布局 零基础学软件之HTML语言 【Android APP开发】Android高级商业布局快速实现 html5的app开发 Android前沿技术—《软件框架搭建》 Android移植基础 html系统学习篇 零基础学习HTML5—html+css基础 Android开发之初窥门径 Android之数据存储关闭

---