微信公众号网页底部返回栏偶尔会遮挡网页有效部分?
- 当前 Bug 的表现(可附上截图)
iPhone6,6s,7手机下:点击公众号的入口进入首页,首页提供了一个点击登录的操作,点击登录跳转授权并重定向回首页。此时微信底部的返回栏出现,会出现遮挡首页的tababr(tabbar相对于body ,position:fixed)的BUG。经过多次测试,重复上面操作,偶尔不会出现遮挡。在进行横竖屏切换操作之后,页面布局显示正常,不会再被遮挡。打印浏览器可视高度,显示浏览器可视高度未正确减去底部返回栏的高度。
返回栏未出现时候,浏览器高度是603。在返回栏出现的时候,表现正常情况下,浏览器高度是554,底部tabbar被遮挡情况下高度还是603,浏览器高度不正确,所以导致首页tabbar被微信自带返回栏遮挡。
- 预期表现
底部tabbar不会被微信返回栏遮挡。
上图图一和图三为正常表现。图二为BUG,tabbar被微信自带返回栏遮挡,可以略微拖着tabbar边缘,拖上来。
- 复现路径
- 提供一个最简复现 Demo