微信h5跨域跳转tab-bar 悬浮问题
发布于 5 年前 作者 yang41 2635 次浏览 来自 问答
  • 当前 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不会覆盖浏览器)

1 回复

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

回到顶部