固定定位元素在页面卸载时消失

Fixed positioned elements disappear on page unload

我有一个固定的顶部导航栏,当页面内容滚动时,它始终位于所有内容的顶部。我注意到在 iOS 和 Safari 独立模式下的 Chrome 中,固定条在页面卸载时先于任何其他元素消失。如何让所有元素不分位置同时消失?

演示:http://kodu.ut.ee/~b04866/demo/demo.html加载Chrome中的页面iOS,反复点击刷新。观察固定的 div 如何先消失,然后是其余内容,最后页面被重绘。

固定元素被提升到复合层 并且页面卸载有相应的错误。

"[...] composited layers upon document unload are destroyed much faster than elements that are not [...] This has been confirmed by a WebKit engineer to be a bug."

希望:

在 iOS 8 中引入了一个新的更快的 Web 视图组件:WKWebView。 Safari 使用它。使用 Safari 时问题消失了 :) 不知道Chrome在iOS下有没有受到影响8.

我在 iOS 8 下比较了常见的 UIWebView 和新的 WKWebView。 使用 UIWebView 显示 html/web 内容的应用程序仍然受到问题的影响:(