- 当前 Bug 的表现(可附上截图)
iPhone6,6s,7手机下:点击公众号的入口进入首页,首页提供了一个点击登录的操作,点击登录跳转授权并重定向回首页。此时微信底部的返回栏出现,会出现遮挡首页的tababr(tabbar相对于body ,position:fixed)的BUG。经过多次测试,重复上面操作,偶尔不会出现遮挡。在进行横竖屏切换操作之后,页面布局显示正常,不会再被遮挡。打印浏览器可视高度,显示浏览器可视高度未正确减去底部返回栏的高度。
返回栏未出现时候,浏览器高度是603。在返回栏出现的时候,表现正常情况下,浏览器高度是554,底部tabbar被遮挡情况下高度还是603,浏览器高度不正确,所以导致首页tabbar被微信自带返回栏遮挡。
- 预期表现
底部tabbar不会被微信返回栏遮挡。
上图图一和图三为正常表现。图二为BUG,tabbar被微信自带返回栏遮挡,可以略微拖着tabbar边缘,拖上来。
- 复现路径
- 提供一个最简复现 Demo
请问楼主问题解决了吗?
遇到了同样的问题,请问这个问题怎么解决的?
两种方案:
1、在加载数据的位置加上setTimeout,等微信底部返回栏加载后再加载页面;
2、隐藏微信底部返回栏,在跳转链接的位置使用window.location.replace()。
遇到了同样的问题,请问这个问题怎么解决的?
既然你这个网页必须在微信里打开,微信这个问题又不是你力所能及的,那就只能是你去适应微信了,比如把底部的功能移到其他地方,比如和iPhone X适配一样,底部留出安全区等。接受现实吧
自从公众号有下面的操作栏后就不再做公众号了,很影响体验
这个公众号在操作栏之前就已经做了。
请问可以怎样避免出现这种被遮挡的情况吗?