Mac と iOS の両方で Safari 7 にかなり大きなバグがあり、何かを見つけるのは困難ですが、修正するのはかなり簡単です。
position:fixed を使用している場合、スクロール時に Safari 7 がページの一部を描画できない場合があります。これは、http://ruelculture.com/glitchy.htmlで矢印をクリックし、少し待ってから上にスクロールしてみると見ることができます。
Mac と iOS の両方で Safari 7 にかなり大きなバグがあり、何かを見つけるのは困難ですが、修正するのはかなり簡単です。
position:fixed を使用している場合、スクロール時に Safari 7 がページの一部を描画できない場合があります。これは、http://ruelculture.com/glitchy.htmlで矢印をクリックし、少し待ってから上にスクロールしてみると見ることができます。
これを修正するには、次の CSS ハックを追加して、消える要素にハードウェア アクセラレーションを強制します。
-webkit-transform: translate3d(0, 0, 0);
http://ruelculture.com/で実物をご覧ください。それでおしまい!
position:-webkit-sticky;
この問題のために特別に作成されたもあります。私の答えと@Mike Marcacciの解決策(ちらつき、ページの下部に到達すると要素が消える)との結果が混在しています。私はまだこの問題の完璧な解決策を見つけようとしています。HTML5 ロックス =>