IOS 底部输入框 被IOS输入法遮住的问题

最近解决一个 底部框 在 IOS下 被其输入法弹出层 遮挡的问题;

IOS 几乎不支持 fixed属性;

解决办法

1,首先是先将底部设置为absolute;当页面加载完 再将position属性改为fixed;

2,

var bfscrolltop = document.body.scrollTop;//获取软键盘唤起前浏览器滚动部分的高度
$("#liv_txt_input").focus(function(){
  interval = setInterval(function(){//设置一个计时器,时间设置与软键盘弹出所需时间相近
  document.body.scrollTop = document.body.scrollHeight;//获取焦点后将浏览器内所有内容高度赋给浏览器滚动部分高度
},100);
}).blur(function(){//设定输入框失去焦点时的事件

  clearInterval(interval);//清除计时器
  document.body.scrollTop = bfscrolltop;
});

posted on 2017-05-12 14:49  vsmart  阅读(718)  评论(0编辑  收藏  举报