2013-10-04 3 views
8

Safari 7にはMacとiOSの両方で非常に大きなバグがありますが、何かを見つけるのは難しいですが、簡単に修正できます。Safari 7をスクロールして位置を固定すると、ページの一部が見えなくなる

位置を固定すると、Safari 7はスクロール時にページの一部を描画できないことがあります。これは矢印をクリックして少し待ってからスクロールアップすることでhttp://ruelculture.com/glitchy.htmlに見ることができます。この問題を解決するには

答えて

12

、以下のCSSハックを追加することにより消失要素の力のハードウェアアクセラレーション:

-webkit-transform: translate3d(0, 0, 0); 

http://ruelculture.com/で野生でそれを参照してください。それでおしまい!

+0

この修正をご提供いただき、ありがとうございます。 http://java.dzone.com/articles/safaris-lazy-repaint-bug-ios-7と同じ問題だと思いますか? –

+0

確かに同じバグだと思われます。 Mac Safariでは、統合されたグラフィックスチップを使用するときに、Safariがキャンバスの大きな四角形を再描画することを「忘れる」問題が長年にわたって発生していました。 –

0

position:-webkit-sticky;もあります。これはこの問題のために特別に作られたものです。私は私の答えと@Mike Marcacciのソリューション(ちらつき、要素がページの一番下に来ると消えていく)との結果を混在させました。私はまだこの問題の完璧な解決策を見つけようとしています。 HTML5 Rocks =>

関連する問題