使用 tabBar 多个 web-view 时 tabBar 会覆盖在内容上
使用 tabBar 多个 web-view 时(如 tabBar 含三个 Page,每个 Page 内各有一个 web-view,共 3 个 web-view),那么在第一个 tab 的 web-view 网页加载完成后,底部 tabBar 不会覆盖 web-view 内容,第二个、第三个 tab 中 web-view 网页加载完成后,底部 tabBar 会覆盖一部分在 web-view 内容上,给人的感觉是页面拉不到底。这个问题在 iOS 微信版本 6.5.23 中是没有的,6.6.1版会出现这种情况。
Android 微信不会出现这样的问题。
复现方式:(仅微信 iOS 版 6.6.1 之后的版本出现)
建一个小程序,tabBar 含三个 Page,每个 Page 内各有一个 web-view,且 web-view 加载的网页超过一屏,可滚动时,点击 tabBar 到第二、第三个 tab,等待网页加载完毕,就会出现这样的问题(页面拉不到底)。
引入 web-view 的代码
< web-view wx:if = "{{ url }}" src = "{{ url }}" ></ web-view > |
在对应页面 js 的 onLoad 中加载 url 的代码
this .setData({ url: 'https://...' }); |
请官方看看是怎么回事?
4 回复