CSS feste Positionierung bricht in Chrome nach -webkit-translate

Question

Ich erstelle eine Webseite basierend auf Responsive Webdesign. Wenn die Größe auf eine kleinere Auflösung geändert wird, wird das Navigationsmenü aus der oberen Leiste entfernt und in ein iPhone Facebook/Path-Stil-Verschiebe-Menü verwandelt. Ich habe es mit this Bibliothek erreicht.

Gleichzeitig habe ich eine feste Positionierung Panel an der Unterseite, die hoch und runter gezogen werden kann, angedockt am unteren Rand der Seite. Es ist ganz in der Nähe von , nur dass meine ist auf der Unterseite und kann hochgezogen werden.

Hier ist das Problem in Chrome: Wenn ich das mobile Menü herausziehe und wieder einschließe (es verwendet "-webkit-transform: translateX()"), bricht das fest positionierte Panel seine Position.

Nach ein wenig Forschung scheint es a bug in Chrome zu sein. Gibt es jedoch eine Problemumgehung?

Mögliche doppelte: Positions fixed doesn't work when using -webkit-transform

Vielen Dank (ich habe allerdings keine Abhilfe für mein Problem in der Antwort gefunden)!

Answer 1

können Sie diese Geige

http://jsfiddle.net/stefanoortisi/DvZn2/1/

Es ist wirklich sauber und einfach folgen. Sie können der gleichen Struktur folgen.

Hinweis: das feste Element aus irgendeinem Grunde braucht einen z-index haben:

#topbar 
    position: fixed 
    z-index: 1