当前位置: 首页 > Web前端 > CSS

去除position的方法:fixedjitter

时间:2023-03-31 13:14:48 CSS

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

第一个最简单最快,其余的不一一核实。