h5的输入框引起键盘导致体验不好，目前就算微信、知乎、百度等产品也没有很好的技术方案实现，尤其底部固定位置的输入框各种方案都用的前提下体验也并没有很好，这个问题也是老大难问题了。目前在准备一套与native协议 来解决这个问题，目前项目中的解决方案还是有值得借鉴的地方的，分享一…

通过以上的对比可知，ios 对于键盘的弹起和收起的用户体验是比较好的。在安卓中不会自动将输入框滚动到可见区域就给人一股很劣质的网页感觉，而且收起键盘后输入框不会自动失焦也造成了无法通过监听输入框的 blur 事件来判断键盘是否收起了，所以这也就引出了下一个问题，如何监听键盘的弹…

最常见的是使用两个方法：scrollIntoViewIfNeeded()、scrollIntoView()，使用方法自行百度。在我这里无效。 2.键盘弹出在浏览器上面覆盖一层，不影响浏览器大小。 2.覆盖一层的键盘弹出方式不会触发window.resize事件和onscroll…

1、使用Vue框架在移动端，调起软键盘的时候，有的安卓机输入框会被盖住，直接上代码：

到这里，H5软键盘弹起之后就不会盖住页面上的元素啦。