iphone网页输入框隐藏的解决方法
发布者:梦幻一新科技 发布时间:2017-07-24 20:06:31 阅读次数:11386
		由于 iphone的不兼容性,点击input框时输入法展开而遮挡输入框。以下用js完美解决
参考代码如下:
$('.inputbox input').on('focus',function(){
	
	var bfscrolltop = document.body.scrollTop;
 	//获取软键盘唤起前浏览器滚动部分的高度
	$(this).parent('.inputbox').toggleClass('nolink');
	$('.comlink, .inputbox .btn').toggle();
	
	hhh=0;
	iii = setInterval(function(){
		// 在手机展开输入法的过程中,不断对比跟上一次的高度是否一致,以判断输入法是否完全展开
		if(hhh!=document.body.scrollHeight)
			document.body.scrollTop = document.body.scrollHeight;
		else
			// 输入法完全展开后清除定时器
			clearInterval(iii);
		hhh=document.body.scrollHeight;
        //获取焦点后将浏览器内所有内容高度赋给浏览器滚动部分高度
    },200)
})
喜欢
		(0)
		0%
		一般
		(0)
		0%
		下一篇:ps修改GIF动图上面的文字
 
			