Teile der Seite sind beim Scrollen auf Safari 7 mit position: fixed Elementen nicht sichtbar

8

Es gibt einen ziemlich großen Bug in Safari 7 sowohl auf Mac als auch auf iOS, bei dem es schwer ist, etwas zu finden, aber es ist ziemlich einfach zu beheben.

In einigen Situationen, in denen position: fixed verwendet wird, kann Safari 7 beim Scrollen keinen Teil der Seite zeichnen. Dies können Sie unter Ссылка sehen, indem Sie auf den Pfeil klicken, etwas warten und versuchen, einen Bildlauf durchzuführen.

    
Mike Marcacci 04.10.2013, 02:30
quelle

2 Antworten

12

Um dies zu beheben, erzwingen Sie die Hardwarebeschleunigung für das verschwindende Element, indem Sie den folgenden CSS-Hack hinzufügen:

%Vor%

Sehen Sie es in der Wildnis bei Ссылка . Das ist es!

    
Mike Marcacci 04.10.2013, 02:30
quelle
0

Es gibt auch position:-webkit-sticky; , das speziell für dieses Problem erstellt wurde. Ich hatte gemischte Ergebnisse mit meiner Antwort und @Mike Marcaccis Lösung (Flackern, Elemente verschwinden, wenn Sie den unteren Rand der Seite erreichen). Ich versuche immer noch, die perfekte Lösung für dieses Problem zu finden. HTML5 Rocks = & gt;

    
Jason Lydon 11.10.2013 14:10
quelle

Tags und Links