解决ios h5 input输入框被输入法弹出一块区域的问题

来自:互联网
时间:2020-05-26
阅读:

问题:如下图

解决ios h5 input输入框被输入法弹出一块区域的问题

解决方案 scrollIntoView

scrollIntoView(alignWithTop) 滚动浏览器窗口或容器元素,以便在当前视窗的可见范围看见当前元素。如果alignWithTop为true,或者省略它,窗口会尽可能滚动到自身顶部与元素顶部平齐

/**
 * 
 * 使用方法 输入框中 onclick="sr(this);" onblur="nosr(this)"
 */
var timer1;
function sr(obj) {
	timer1 = setInterval(function() {
		obj.scrollIntoView(false);
	}, 100);
 
}
function nosr(obj) {
	clearInterval(timer1);
}

以上这篇解决ios h5 input输入框被输入法弹出一块区域的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

返回顶部
顶部