使用 tabBar 多个 web-view 时（如 tabBar 含三个 Page，wx.createInnerAudioContext duration 总是为0。每个 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 的代码


在对应页面 js 的 onLoad 中加载 url 的代码

this.setData({
url: 'https://...'
});



请官方看看是怎么回事？

微信小程序开发问题解答 本文来自微信小程序工厂 http://www.xcxgc.com，转载请保留。

本文网址：http://www.91bianli.com/weixinxiaochengxu/29951.html