将以下代码粘贴到页面底部script标签里边即可,亲测有效!
// ios兼容 input输入时弹出键盘框 页面整体上移键盘框消失后在ios上页面不能回弹的问题
$(document).ready(function(){
$("input").focus(function(){
this.scrollTop = document.scrollingElement.scrollTop;
top1 = document.scrollingElement.scrollTop;
document.scrollingElement.scrollTo(0, this.scrollTop);
});
$("textarea").focus(function(){
this.scrollTop = document.scrollingElement.scrollTop;
top1 = document.scrollingElement.scrollTop;
document.scrollingElement.scrollTo(0, this.scrollTop);
});
// $("input").blur(function(){
// document.scrollingElement.scrollTo(0, this.scrollTop);
// });
document.body.addEventListener('focusout', function () {
setTimeout(() => {
document.scrollingElement.scrollTo(0, top1);
}, 100);
});
});
欢迎留言讨论!