苹果手机出现软键盘页面上顶不落下

<input type="text" id="username" data-arg="name" maxlength="5" placeholder="姓名" onclick="sr(this);" onblur="nosr(this)" />

 

<script>
    function sr(obj) {
            if (versions.iPhone || versions.iPad || versions.ios) {
                    obj.scrollIntoView(true);
            }
    }
    var  versions = function () {
        var u = navigator.userAgent, app = navigator.appVersion;
        return { //移动终端浏览器版本信息
            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
            android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
            iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
            iPad: u.indexOf('iPad') > -1, //是否iPad
        };
    };    

function nosr(obj) {
        obj.scrollIntoView(false);

}
</script>

来源：oschina

链接：https://my.oschina.net/u/3853452/blog/4259322