收藏
回答

微信h5跨域跳转tab-bar 悬浮问题

框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
小程序 Bug iOS 12.2.2 iPhone 6S 7.0.4

- 当前 Bug 的表现(可附上截图)


(其他型号的手机也会出现,推荐使用 iOS版本为:12.2.2的 iPhone6S测试)


微信公众号webview 在跨域跳转产生历史记录时,

iOS版本下出现的历史前进域后退的TabBar会悬浮,导致遮住webview底部可视区域。

且webview的高度存在差异。


- 预期表现


和同域跳转保持一致,在同域跳转产生历史记录后,底部出现的TabBar不会遮盖浏览器可视区域。



- 复现路径


请用微信扫一扫以下路径访问:




具体情况,请参见以下部分:



## 背景


最近在做一个跨站的业务接入,碰到一个奇怪的问题,


就是微信公众号的h5中,当浏览器存在历史记录大于1时,


在部分iOS设备下,微信底部出现的TabBar会悬浮在底部,导致会覆盖到浏览器的底部内容。



## 场景


### 场景一


A域页面首页 ----> 跳转到B域首页

(此时 浏览器的历史记录刚好为2,这种场景下,微信自带的底部TabBar会悬浮在浏览器上。)


`貌似浏览器的高度是保持在出现tab-bar之前的高度`


正常的高度: WebView高度 = 屏幕高度 - TabBar高度 - 头部高度


异常情况:  WebView高度= 屏幕高度 - 头部高度


目前测试情况: 貌似仅在跨域跳转,且跳转时刚好会出现TabBar时会触发。



### 场景二


A域页面首页 ----> 跳转到A域其他页面


(此时,浏览器历史记录也为2,这种场景下,tab-bar不会覆盖浏览器)





最后一次编辑于  2019-05-27
回答关注问题邀请回答
收藏

1 个回答

  • Liebling
    Liebling
    2019-06-03

    同样的问题同样的坑,有大神解决吗?

    2019-06-03
    赞同
    回复 1
    • 渺年华
      渺年华
      2019-06-03

      感觉是native层面的问题,仅从webview层面不太好解。

      2019-06-03
      回复
登录 后发表内容