IOS苹果手机中input唤醒键盘后按钮不能正常点击页面元素错位处理

H5页面开发中,在IOS系统中点击input唤醒键盘后,页面元素错位使页面所有按钮不能正常点击!

问题详细描述:

开发的H5页面有输入框且该页面没有滚动条。当点击input唤醒键盘后页面出现了滚动条,输入完成收起键盘滚动条并未消失且页面中的点击按钮不能正常点击。如果你把页面向下拉后再去点击按钮则可以正常点击。这就是IOS唤醒键盘后再次收起键盘页面元素错位的原因。

解决方法:

    我们可以通过监听input输入框,使页面元素正常归位。即距离顶部为0像素。

详细代码:

setTimeout(function () {
$("body").scrollTop(0)
}, 300);

代码解析:

    监听键盘输入完成,执行方法。来使页面距离顶部为0。

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!