移动终端上固定输入框的解决方案被底部的键盘挡住（必须阅读）

由于公司的需要，需要实时对话聊天功能. 我不会再详细说明各种缺陷，但这是最棘手的问题的记录.

编写页面布局后，我在Android和iPhone上对其进行了测试，然后问题来了！ ！ ！布局可以在Android手机中完美显示（这很好），但是在Apple手机下，经常单击输入框的键盘将阻止输入框.

如下所示:

ͼһ

图2

图三

（图1和图2都是有问题的，图3是理想的效果. ）

每次键盘覆盖输入框时，您都必须手动向上滑动屏幕以显示它. 这个经验不好. 然后，我尝试了各种方法，例如计时器，绝对定位，固定定位，计算屏幕高度和重新定位等，所有这些方法均无效. 键盘出来后，它仍然会被锁定. 最后，我只能在网上找到答案. 经过很长时间的搜索，我终于找到了答案. 谢谢learning_shifeng.

事实证明，只有一小段代码可以帮助我解决问题，微笑.

以下是解决问题的代码:

setTimeout(function(){
	document.body.scrollTop = document.body.scrollHeight;
},300);

以上针对移动终端上固定输入框被底部键盘阻挡的解决方案（必须阅读文章）是编辑器共享的所有内容，希望为您提供参考，也希望您可以支持脚本. 家庭.

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/bofangqi/article-306865-1.html