在ios系统上或者微信某些版本上H5页面上有表单输入的时候,输入完成后页面底下会有空白,如果是悬浮层的时候位置会上移,悬浮窗上有按钮也会受影响点击不到,位置发生偏移了。
在ios系统上或者微信某些版本上H5页面上有表单输入的时候,输入完成后页面底下会有空白,如果是悬浮层的时候位置会上移,悬浮窗上有按钮也会受影响点击不到,位置发生偏移了。
通过鼠标滑动时发现又回复正常了,所以解决方案就是输入框失去焦点时进行滚动一下,代码如下:
// ios键盘收起不回弹bug 解决方式
$(document).on('blur', 'input', function(event) {
document.body.scrollTop=5;
});
或者:
// ios键盘收起不回弹bug 解决方式
$(document).on('blur', 'input', function(event) {
setTimeout(function() {
var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
window.scrollTo(0, Math.max(scrollHeight - 1, 0));
}, 300);
});