首页 > 移动端 input 挡住的问题因为alert 没有了

移动端 input 挡住的问题因为alert 没有了

移动端在填写表单的时候,有个终极大bug,就是键盘弹出后挡住了input,这个问题有很多种做法,例如:在input focus的时候 往上滚动一段距离(这个时候需要加一个paddingBottom才可以,貌似这个时候系统默认的可视区域还是没弹出键盘时的那个高度),还有其他的做法我就不列举了,那么重点来了
“我在input focus 的时候,做一个alert的动作”

$("input").on("focus",function(){alert(1);});
//这个时候 页面直接弹出alert 在点击确定之后,input神奇的自己往上滚动了,键盘没有遮住input了

我想问的是 在alert的时候 是有做了什么?能不能根据这个来解决键盘遮住input的问题?


是这样的,在手机上input获取焦点时,才会出现手机自带的虚拟键盘,当input失去焦点时,虚拟键盘自动消失了。如何不想input输入框被虚拟键盘遮住,需要合理设计input的位置。

【热门文章】
【热门文章】