3. 解决 WKWebview 滚动后白屏问题
作者:@hite和落雁
有这样一个场景:
整个页面是一个 scrollView,宽度为屏幕宽度,pagingEnabled=YES,内容宽度为 2 * 屏幕宽度,里面有两个子 controller,每个子 controller 都有一个全屏的 WKWebview。 左右滑动 scrollView 可以切换两个 WKWebview 的显示,每个 WKWebview 都有一个很长的页面,可以上下滚动。
按照以下操作:
第一个
WKWebview,触发一次滚动,在滚动没有结束的时候,切换到第二个WKWebview;在第二个
WKWebview里停留,等第一个WKWebview,触发的滚动结束后,切换到第一个WKWebview;此时,第一个
WKWebview,界面空白或者残缺不全,稍微触发下滚动,界面会再次显示;如果在第一个
WKWebview触发的滚动未结束时,返回到第一个WKWebview,不会出现 bug。
这个 bug 在 iOS 11 + 都有。
经过我的搜索,应该是 webkit 自己的 bug。目前还没有解决。
临时的解决方案是:在第一个 WKWebview 再次可见时触发一次 scroll。注意:这次设置 offset 不能触发 scrollViewDidScroll,否则会死循环。代码如下;

移动一个很小的位移,基本用户不会察觉到的。
Previous2. WKWebView 使用 WKWebViewJavascriptBridge 需要注意的地方Next4. 研究 WKWebview 的子 view 和 html body 的关系
Last updated
Was this helpful?