iphone网页输入框隐藏的解决方法
发布者:梦幻一新科技 发布时间:2017-07-24 20:06:31 阅读次数:9988
由于 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动图上面的文字