使用vue开发的h5页面在移动端input框被虚拟键盘遮挡问题

使用vue开发的h5页面,在点击input框时调起虚拟键盘,会被遮挡住,请问有什么办法可以不遮挡,让input框可以跟随虚拟键盘的高度,并在虚拟键盘的上面显示

image.png

image.png

阅读 4.9k
2 个回答

试试加一下

position: relative;

focus事件里相对定位,top给负值,blur事件里再去掉定位

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题