Poprawione pozycjonowanie CSS w Chrome po -webkit-translate

Question

Tworzę stronę internetową opartą na responsywnym projekcie strony. Kiedy więc zostanie zmieniona na mniejszą rozdzielczość, menu nawigacji zostanie usunięte z górnego paska i zamieni się w mobilne menu przesuwane w stylu Facebook/Ścieżka iPhone'a. Osiągnąłem to przy użyciu biblioteki this.

W tym samym czasie mam stały panel pozycjonujący na dole, który można podciągnąć w górę iw dół, zadokowany u dołu strony. Jest bardzo blisko this, tylko moja jest na dole i można ją podciągnąć.

Tutaj jest problem w Chrome: Kiedy wysuwam menu mobilne i wsuwam z powrotem (używa się "-webkit-transform: translateX()"), ustalony panel rozkłada swoją pozycję.

Po kilku badaniach wydaje się, że jest to a bug in Chrome. Jednak czy istnieje obejście?

Możliwy duplikat: Positions fixed doesn't work when using -webkit-transform (nie znalazłem żadnego obejścia dla mojego problemu odpowiedź chociaż)

Dzięki wielkie!

Answer 1

Możesz śledzić ten skrzypce

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

To naprawdę czyste i proste. Możesz zacząć podążać tą samą strukturą.

Uwaga: stały element jakiegoś powodu musi mieć z-index:

#topbar 
    position: fixed 
    z-index: 1