解决IOS环境下，点击输入框键盘消失页面不回弹

最新推荐文章于 2023-03-29 17:54:41 发布

lilly呀

最新推荐文章于 2023-03-29 17:54:41 发布

阅读量2.4k

点赞数

分类专栏： VUE 兼容相关（游览器/移动端兼容）文章标签： ios页面不回弹

本文链接：https://blog.csdn.net/qq_26780317/article/details/105842454

版权

本文针对iOS系统中input输入框唤出键盘后，键盘消失但页面不回弹的问题，提供了两种解决方案。一种是在页面的输入框中添加焦点事件并声明获取焦点事件的方法，另一种是在input元素中直接添加事件实现页面回弹。

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

前言：复现bug现象，在ios系统中，input输入框唤出键盘后，键盘消失页面却不回弹，安卓手机无此现象。

一、现象图片如下所示：

用户输入完姓名和性别后，键盘回弹时，留下空白区域。

二、解决方案

（1）方法一

①在页面的输入框中添加焦点事件；

②在js中声明获取焦点事件的方法：

function getFocus(){
            $("input,select,textarea").on("blur", function() {
                var scrollHeight = document.documentElement.scrollTop ||           document.body.scrollTop || 0
                window.scrollTo(0, Math.max(scrollHeight - 1, 0))
   });
}