IOS11 底部输入框被手机输入法遮住

前言：

最近在做一个评论的功能，前端页面中输入评论框在页面的最底部，在ios11中手机的输入法会遮住那个输入框，在其它手机上正常。

一直在找有关的解决方案，虽然最终也没有解决，还是记录过程，供参考。

1，对输入框这个元素（如pannel）做操作

pannel.scrollIntoView(true);或者

pannel.scrollIntoView(true);

pannel.scrollIntoViewIfNeeded();

自己试了但没有什么效果。

2，scrolltop； window.scrollTo(0, value);手动上推

3，英文找了一篇有关的文章，解决方案如下：但是好像也没什么效果。

document.body.style.overflow = ‘hidden’;
document.body.style.height = ‘100%’;
document.body.style.width = ‘100%’;
if (osIsiOS()) {
 document.body.style.position = ‘fixed’;
}