微信小程序,当有虚拟导航栏的手机隐藏虚拟导航栏,web-view监听不到页面的高度发生了改变

微信小程序的web-view页面,当类似华为手机的设备做出隐藏虚拟导航栏的操作,此时页面的onresize,vh等操作监听不到高度的改变,导致底部留出一片空白区域。

阅读 6.7k
1 个回答

我现在也遇到这个问题了。 目前只搜到了一个 wx.onWindowResize(function callback)。
还不知道如何解决。


使用了一个别的办法,参考了饿了么的小程序。

进入页面的时候直接获取到小程序的屏幕高度,并对最外层设置相同的高度,
页面底部有菜单,这样即使虚拟键隐藏掉,页面也不会垮掉。
缺点是下面会有一个背景色,高度就是隐藏按键的高度。


附上效果图
图片描述

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