前言:
最近在做一个评论的功能,前端页面中输入评论框在页面的最底部,在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’;
}