我在做项目的时候发现header莫名其妙地抖动了一下。一开始我打开网页是没有问题的。刷了几下触发网页中的交互,发现header在蜜糖里抖动。下午终于找到了。找到position的罪魁祸首:fixed,累得吐血了。一开始以为是动画效果或者效果过大影响了header,没想到是这个东西。经过查阅资料,总结出如下解决方案:1.在fiexd中添加如下CSS样式:-webkit-transform:translateZ(0);2.设置bodyCSSbody{height:100%;overflow:auto;margin:0;}这种方法可能会影响页面的整体效果,不建议使用3.在fiexd中设置position:absolute,如下:
