在做項目的時候發現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>

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

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的去除 position:fixed 抖动的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。