Ich habe eine Site mit einer festen Kopfzeile und ausziehbaren Seitenleisten. Bei iOS7 im Hochformat bleibt die feste Kopfzeile fixiert, wenn die Seitenleiste angezeigt wird. Bei iOS8 wird die Kopfzeile jedoch leicht nach oben verschoben, je nachdem, wie weit Sie gescrollt haben. Ich brauche es, um fest zu bleiben.

Siehe diesen Jsbin:http: //jsbin.com/xuyevi/2

Die Hauptelemente sind eine Kopfzeile, eine Seitenleiste und der Hauptinhalt. Die Kopfzeile ist am oberen Bildschirmrand mit einer festen Position fixiert und verfügt über einen Z-Index, der sie beim Scrollen über dem Inhalt hält.

Die Seitenleiste befindet sich an der linken Seite des Bildschirms und wird zunächst ausgeblendet, indem sie um ihre eigene Breite nach links verschoben wird.

Um die Seitenleiste zu öffnen, werden die Kopfzeilen, Inhalte und Seitenleisten jeweils um die Breite der Seitenleiste nach rechts verschoben.

Again, dies funktioniert perfekt auf iOS7 und allen anderen Browsern, die translate3d unterstützen, und es funktioniert sogar in iOS8 im Querformat. Unter iOS8 im Hochformat wird die feste Kopfzeile vom Bildschirm verschoben, je nachdem, wie weit der Benutzer gescrollt ist.

Wenn Sie außerdem den Safari-Inspektor verwenden, wird angezeigt, dass die Menüelemente auf dem Bildschirm von ihren erwarteten Positionen abweichen. Das heißt Durch Auswählen eines Elements im Inspektor wird ein Bereich auf dem Bildschirm hervorgehoben, der von der tatsächlichen Position, an der das Element gerendert wird, abweicht.

Hat jemand anderes in dieses laufen? Kennt jemand eine Lösung?

EDIT: Der Inspektor ist der Meinung, dass der Header mit der festen Position genau dort ist, wo er sein sollte, obwohl er tatsächlich vom Bildschirm gedrückt wird.