Safari 7にはMacとiOSの両方で非常に大きなバグがありますが、何かを見つけるのは難しいですが、簡単に修正できます。Safari 7をスクロールして位置を固定すると、ページの一部が見えなくなる
位置を固定すると、Safari 7はスクロール時にページの一部を描画できないことがあります。これは矢印をクリックして少し待ってからスクロールアップすることでhttp://ruelculture.com/glitchy.htmlに見ることができます。この問題を解決するには
Safari 7にはMacとiOSの両方で非常に大きなバグがありますが、何かを見つけるのは難しいですが、簡単に修正できます。Safari 7をスクロールして位置を固定すると、ページの一部が見えなくなる
位置を固定すると、Safari 7はスクロール時にページの一部を描画できないことがあります。これは矢印をクリックして少し待ってからスクロールアップすることでhttp://ruelculture.com/glitchy.htmlに見ることができます。この問題を解決するには
、以下のCSSハックを追加することにより消失要素の力のハードウェアアクセラレーション:
-webkit-transform: translate3d(0, 0, 0);
はhttp://ruelculture.com/で野生でそれを参照してください。それでおしまい!
position:-webkit-sticky;
もあります。これはこの問題のために特別に作られたものです。私は私の答えと@Mike Marcacciのソリューション(ちらつき、要素がページの一番下に来ると消えていく)との結果を混在させました。私はまだこの問題の完璧な解決策を見つけようとしています。 HTML5 Rocks =>
この修正をご提供いただき、ありがとうございます。 http://java.dzone.com/articles/safaris-lazy-repaint-bug-ios-7と同じ問題だと思いますか? –
確かに同じバグだと思われます。 Mac Safariでは、統合されたグラフィックスチップを使用するときに、Safariがキャンバスの大きな四角形を再描画することを「忘れる」問題が長年にわたって発生していました。 –