//微信内网页内容被键盘顶上去问题解决
当键盘输入之后,输入框是被键盘顶上去的状态
点击键盘上的完成,键盘下去了,但是输入框还是处于被顶上去的状态,没有复位,很影响客户体验效果,那么该怎么办呢 ?网上查了很多方法,都不太实用,于是找到这个方法可以使用,话不多说,直接贴代码
function fnInput() {
var u = navigator.userAgent
var isAndroid = u.indexOf(‘Android’) > -1 || u.indexOf(‘Linux’) > -1; //g
var isIOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
if (isIOS) {
$("input").blur(function() {
setTimeout(function() {
var scrollHeight =
document.documentElement.scrollTop ||
document.body.scrollTop ||
0;
window.scrollTo(0, Math.max(scrollHeight - 1, 0));
}, 100);
});
} else {
var timer = null;
$('.bInput').on('focus', function() {
clearInterval(timer);
var index = 0;
timer = setInterval(function() {
if (index > 5) {
$('body').scrollTop(1000000);
clearInterval(timer);
}
index++;
}, 50)
})
}
}
因为是h5,所有会有安卓和ios两种机型,所以要判断一下,因为安卓同样的会有输入框被键盘遮住的问题