解决移动端Web安卓机点击输入框，输入法遮挡输入框的问题

最新推荐文章于 2024-01-14 12:30:00 发布

lizheng_0508

最新推荐文章于 2024-01-14 12:30:00 发布

阅读量5.9k

点赞数 1

分类专栏： Web前端文章标签： Web js 移动安卓

本文链接：https://blog.csdn.net/lizheng_0508/article/details/71419992

版权

Web前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

在标签中添加属性"jump"值为true，再引入下边代码并执行调用即可

<input type="text" jump=true />

function jump_top(){ 
	var u = navigator.userAgent;
	var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
	var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
	if(isAndroid){
		$("body").css("height","0px");
		$("body").css("height",document.body.scrollHeight);
		$('[jump=true]').bind("focus",function(event){
			if($(event.target).attr("type")=="button")return;
			$("body").css("margin-bottom","500px");
			$(window).scrollTop($(event.target).offset().top-100);
			event.preventDefault();
		});
		$("body").bind("click",function(event){
			if($(event.target).attr("type")=="button")return;
			$("body").css("height","0px");
			$("body").css("height",document.body.scrollHeight);
			$("body").css("margin-bottom","0px");
			event.preventDefault();
		}); 
	};
}
jump_top();