webapp开发下input获取焦点时被弹出键盘挡住解决方法

Posted 猿来如此

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webapp开发下input获取焦点时被弹出键盘挡住解决方法相关的知识,希望对你有一定的参考价值。

 $(‘input‘).on(‘click‘, function () {
        var target = this;
        setTimeout(function(){
            target.scrollIntoViewIfNeeded(); // target.scrollIntoView();
        },200);
 });
scrollIntoViewIfNeeded仅在android,Safari Mobile下支持
scrollIntoView相对各浏览器支持较好

以上是关于webapp开发下input获取焦点时被弹出键盘挡住解决方法的主要内容,如果未能解决你的问题,请参考以下文章

IOS 固定定位底部input输入框,获取焦点时弹出的输入法键盘挡住input

页面底部input被弹出来的键盘遮挡(iOS系统)—附解决方案

手机浏览器浏览WebApp弹出的键盘遮盖住文本框的解决办法

移动端 input 获取焦点后弹出带enter(类似于搜索,确定,前往)键盘,以及隐藏系统键盘

安卓机数字键盘弹出页面被挡问题

移动端H5页面_input获取焦点时,虚拟键盘挡住input输入框解决方法