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;
});

转载于:https://www.cnblogs.com/vsmart/p/6845542.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值