去除 position:fixed 抖動的方法

在作項目的時候發現header莫名抖動，剛開始打開網頁沒什麼問題，多滑動幾回觸發幾回網頁中的交互就發現header在蜜汁抖動，尋找一個下午終於發現position:fixed 這個元兇，累到吐血，剛開始我還覺得是動畫效果或者過分效果對header有影響，萬萬沒想到是這東西。

---

通過查閱資料，總結出如下幾種方法解決：

一.給fiexd加上以下CSS樣式：

-webkit-transform: translateZ(0);

二.設置body CSS

body {height:100%;overflow:auto;margin: 0;}

這種方式可能會影響到頁面的總體效果，不建議使用

三.在fiexd內設置position:absolute，以下：

<div style="position:fiexd;bottom:0px;">

  <div style="position:absolute;">

----

</div>

</div>

第一種最爲簡單快捷，其他幾種沒有一一驗證。