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

作者:ghostry 发布时间:2015-11-22 浏览: 2929

转载注明出处: https://blog.ghostry.cn/program/672.html

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毫秒(键盘弹出动画时间)滚动到页面底部。

标签: CSS html js

上一篇: pdnsd.conf备忘
下一篇: 启用ssl访问

仅有一条评论 »

  1. 不错的解决方法0 0

添加新评论 »

*
*

欢迎评论!歡迎評論!Comments welcome!komentoj bonvenaj!댓글 오신 것을 환영합니다!
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: :cold: :cryy: :cute: :shy: :sleep: :struggle: :tea: :yahou: