欢迎光临
我们一直在努力

ios上fixed底部输入框被键盘遮挡的简单解决办法

ios据说不支持position: fixed;

在安卓上面,点击页面底部的输入框,软键盘弹出,页面移动上移。

而ios上面,点击页面底部输入框,软键盘弹出,输入框看不到了。。。

非常蛋疼。查资料说什么的都有,iscroll,jquery-moblie,absolute,fixe,static,

都非常复杂,要改很多。。。

折腾了好久,终于另辟蹊径。

var u = navigator.userAgent, app = navigator.appVersion;
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
if (isiOS) {
    $('textarea').focus(function () {
        window.setTimeout('scrollBottom()', 500);
    });
}
function scrollBottom() {
    window.scrollTo(0, $('body').height());
}

当输入框获得焦点时候,等待500毫秒(键盘弹出动画时间)滚动到页面底部。

赞(1)
版权归原作者所有,如有侵权请告知。达维营-前端网 » ios上fixed底部输入框被键盘遮挡的简单解决办法

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址