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

最新推荐文章于 2019-02-12 14:05:40 发布

weixin_30466421

最新推荐文章于 2019-02-12 14:05:40 发布

阅读量315

点赞数

CC 4.0 BY-SA版权

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/ylzhang/p/8695048.html

本文探讨了iOS11设备上输入法遮挡底部输入框的问题，并尝试了几种解决方案，包括使用scrollIntoView系列方法、手动调整scrollTop以及修改body样式等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

转载于:https://www.cnblogs.com/ylzhang/p/8695048.html