h5页面 input定位是fixed手机键盘出现遮挡输入框

Question

页面下面的评论条的样式是固定在底部的，随着页面滚动而滚动

{
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
}

然后测试在 uc 和 weixin 上面输入框出现的时候会把输入框给挡住，应该怎么解决？

截图设备是 iphone6+微信

Answer 1

唤起键盘的时候调一下scrollIntoView（）

Answer 2

iscroll或者监听onfocus事件时window的高度进行调整，当然了这两种方法比直接用scrollIntoView麻烦。