去除 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>

第一种最为简单快捷，其他几种没有一一验证。