Chrome瀏覽器固定定位中斷後-webkit翻譯

我正在創建一個基於響應網頁設計的網頁。因此，當它調整到較小的分辨率時，導航菜單將從頂部欄中移除並變成iPhone Facebook /路徑樣式的移動滑動菜單。我已經使用this庫實現了它。Chrome瀏覽器固定定位中斷後-webkit翻譯

與此同時，我在底部有一個固定的定位面板，可以上下拉動，停靠在頁面的底部。這是非常接近this，只是我的底部，可以拉起來。

這是Chrome中的問題：當我滑出移動菜單並重新滑入（它使用「-webkit-transform：translateX（）」）時，固定位置的面板會打破它的位置。

經過一番研究，似乎是a bug in Chrome。 但是，是否有解決方法？

可能重複：Positions fixed doesn't work when using -webkit-transform（我還沒有找到任何解決辦法我的問題在思想上答案）

非常感謝！

2013-04-30 Yunzhou

你可以按照這個小提琴

這是很乾淨，簡單。你可以開始遵循相同的結構。

注：出於某種原因，固定元件需要有一個的z-index：

#topbar 
    position: fixed 
    z-index: 1

2014-01-06 18:38:55

回答