WeChat Mini Programs, when a mobile phone with a virtual navigation bar hides the virtual navigation bar, the height of the page that cannot be monitored by web-view has changed.

WeChat Mini Programs"s web-view page, when a device similar to Huawei mobile phone makes the operation of hiding the virtual navigation bar, the onresize,vh and other operations of the page cannot listen for a height change, resulting in a blank area at the bottom.

Apr.05,2021

I have the same problem now. So far, only one wx.onWindowResize (function callback) has been found.
doesn't know how to solve it yet.

< hr >

used another method, referring to Mini Program of ele.me.

get Mini Program's screen height directly when entering the page, and set the same height to the outermost layer. There is a menu at the bottom of the
page, so that even if the virtual key is hidden, the page will not collapse. The disadvantage of
is that there is a background color below, and the height is the height of the hidden button.

< hr >

attach the effect

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e4670a-44bb3.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e4670a-44bb3.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?