position：fixed not working in Google Chrome

我在Chrome瀏覽器中的「固定」元素遇到問題。元素的行爲與其他主流瀏覽器中的行爲相同。position：fixed not working in Google Chrome

這裏是CSS：

#element { position: fixed; bottom: 0px; width: 100%; height: 50px; z-index: 10;}

的問題是，當頁面加載時，該元件固定在視口的底部，因爲它應該是。滾動時，它保持與加載頁面時的相同位置 - 它不會固定在屏幕的底部。

任何幫助，非常感謝。

感謝

2013-12-10 Dln

必須有更多的問題，因爲它不能與鉻的CSS規則，即重現。 http://jsbin.com/UcIpANol/1/在Chrome上運行得很好。 – Erik

你可以添加一個[JSFiddle]（http://jsfiddle.net/） –

嘗試添加以下代碼到你的元素：

-webkit-transform: translateZ(0);

2013-12-10 19:31:37 scooterlord

謝謝！這很好。 – Dln

很高興我能幫上忙。我幾乎吃了我的眼睛設計多設備/瀏覽器的東西...編輯：如果它幫助，接受是正確的答案，它可能會幫助其他人以及 – scooterlord

，這使得它更糟：我比較http：// jsfiddle .net/Supuhstar/t04nh943 /要http://jsfiddle.net/Supuhstar/t04nh943/2/ – Supuhstar

我有一個屬性：-webkit-觀點：800;在body標籤.. 刪除這一點，並固定定位開始工作再次...不起眼，但值得一看

2015-01-25 03:27:12

謝謝。您。我曾是。 GOING。 ***瘋***。 –

感謝爲我工作 –

它也適用於我，如果我刪除透視屬性，但我需要它的視差效果......這很糟糕。 – pmrotule

作爲除奪得答案：這是行不通的，如果你有「-webkit -transform-style：preserve-3d「在其中一個父元素中。我不知道爲什麼，我只是有這樣的，並刪除它。

2015-02-05 16:29:30

我不得不禁用：

-webkit-transform: none !important; 
transform: none !important;

，使之爲我。

2016-09-27 22:35:52

回答