切版网（2013~2023）

http://qieban.cn
做完设计，找切版网
QQ:6135833
微信：dingxiangming82

2017年06月24日

CSS3 transform对fixed元素造成的影响笔记

本文就“CSS3 transform对fixed元素造成的影响笔记”展开讨论，作者切版网，发布于2017年06月24日 全文共335个字，预计阅读时长1分7秒。

在我们近期的一个项目中，碰到过这个问题，fixed元素居然好端端的失效了 ，后来不断的排查，最终发现了问题出在 CSS3 transform上的，只因为fixed元素的父层添加了 CSS3 transform属性。

我们应该都知道，position:fixed可以让元素不跟随浏览器的滚动条滚动，而且这种跟随效果连它的兄弟们position:relative/absolute都限制不了。但是，真是一物降一物，position:fixed固定效果却被小小的transform给干掉了，直接降级变成position:absolute的蛋疼表现。

不过还好，目前只在Chrome浏览器/FireFox浏览器下有，其他浏览器均为正常。

作为笔记，也防止后人踩坑。

切版 qieban(.cn)

文章为原创或者来自于互联网，转载请注明来源，如果文章有侵权请联系，我们会及时删除。