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

150 阅读 0 评论 99 点赞

我是靠谱客的博主含糊帽子，这篇文章主要介绍解决ios h5 input输入框被输入法弹出一块区域的问题，现在分享给大家，希望可以做个参考。

问题：如下图

解决方案 scrollIntoView

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

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
/**
 * 
 * 使用方法 输入框中 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输入框被输入法弹出一块区域的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持靠谱客。