移动端h5软键盘收起后界面返回到顶部 bug解决

 将以下代码粘贴到页面底部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);
	});
});

 欢迎留言讨论!

 

你可能感兴趣的:(兼容性处理,web前端,js)