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’;
}