ios - 固定定位元素在页面卸载时消失
<p><p>我有一个固定的顶部导航栏，当页面内容被滚动时，它始终位于所有内容的顶部。我注意到在 Chrome for iOS 和 Safari 独立模式下，固定栏在页面卸载时会在任何其他元素之前消失。如何让所有元素，无论定位如何，同时消失？</p>
<p>演示:<a href="http://kodu.ut.ee/~b04866/demo/demo.html" rel="noreferrer noopener nofollow">http://kodu.ut.ee/~b04866/demo/demo.html</a>在 Chrome for iOS 中加载页面，反复点击刷新。观察固定的 div 是如何先消失的，然后是其余的内容，最后是页面被重绘。</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>固定元素被提升到一个<em>合成层</em>
并且页面卸载有相应的bug。</p>
<p>来自 <a href="https://web.archive.org/web/20160509083333/https://newscentral.exsees.com/item/528d72c6d22fab46e4eb18e5cb8fece0-0d5a1eca143f58f995dc015e265514cb" rel="noreferrer noopener nofollow">https://web.archive.org/web/20160509083333/https://newscentral.exsees.com/item/528d72c6d22fab46e4eb18e5cb8fece0-0d5a1eca143f58f995dc015e265514cb</a> :</p>
<blockquote>
<p>"[...] 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."</p>
</blockquote>
<p><strong>希望:</strong></p>
<p>在 iOS 8 中引入了一个新的更快的 WebView 组件:<code>WKWebView</code>。
Safari 使用它。使用 Safari 时问题消失了 :)
不知道 Chrome 在 iOS 8 下是否受影响。</p>
<p>对比iOS 8下常见的<code>UIWebView</code>和新的<code>WKWebView</code>。
使用 <code>UIWebView</code> 显示 html/web 内容的应用程序仍然受到问题的影响:(</p></p>
<p style="font-size: 20px;">关于ios - 固定定位元素在页面卸载时消失，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/30098000/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/30098000/
</a>
</p>
页:
[1]