本文主要是介绍app虚拟键盘弹起遮住输入框,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
之前查找过很多资料,试过不少方法,目前以下这种方法基本能解决我的问题。
开始之前先对scrollIntoView()的用法说明一下:
scrollIntoView是一个与页面(容器)滚动相关的API。调用方法为 element.scrollIntoView() 参数默认为true。
参数为true时调用该函数,页面(或容器)发生滚动,使element的顶部与视图(容器)顶部对齐;参数为false时,使element的底部与视图(容器)底部对齐。
资料参考自scrollIntoView()的用法
1.标记好输入框位置
<input type="text" id="input0" (focus)="scrollTo()" (blur)="onblur()">
2.当聚焦于输入框时,使输入框要与视图底部对齐。
//解决因键盘弹起遮住输入框的问题
scrollTo() {let panel=document.getElementById("input0");this.interval=setInterval(function(){panel.scrollIntoView(false);},200)
}
//当焦点移开时,清除定时器
onblur(){window.clearInterval(this.interval);
}
效果图如下:
这篇关于app虚拟键盘弹起遮住输入框的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!