华为自带浏览器我遇到的是华為华为 nove 3e,自带浏览器见图
问题描述: 在vue项目中,进入个人中心页面(如图1)然后进入其他页面-会员开通(如图2),然后上滑该页面使头部导航栏上缩隐藏,底部虚拟导航栏也隐藏(如图3)然后再返回个人中心,这样就会出现个人中心头部部分区域被隐藏页面可点擊元素的错位(如图4)
这应该是浏览器在隐藏上下的虚拟按钮栏之后,对页面没有正确的重排重绘在手动滑动页面后,错位问题将恢复那么代码修复呢,想了很多办法最后决定
既然触摸滑动可以修复问题,那么我们代码来滑动以此来出发浏览器的重新布局。因为页媔不够高所以加长200px空白区域,然后上滑再下滑会顶部复原, 然后删除添加的200px空白区域这样就可以解决了。
这个是华为自带浏览器的虛拟导航栏导致页面错位其他还有几个浏览器好像也有这种情况,不过我没试这个代码有机会可以试试。
以上代码只在华为 nove 3e自带浏览器的vue h5项目里测试通过其他问题可自测,如有不对和疑问欢迎提出讨论,谢谢
发布了17 篇原创文章 · 获赞 5 · 访问量 2万+