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%