我們應(yīng)該都知道，position:fixed可以讓元素不跟隨瀏覽器的滾動條滾動，而且這種跟隨效果連它的兄弟們position:relative/absolute都限制不了。但是，真是一物降一物，position:fixed固定效果卻被小小的transform給干掉了，直接降級變成position:absolute的蛋疼表現(xiàn)。

例如下面示意代碼：

<p style="transform:scale(1);"><img src="mm1.jpg"style="position:fixed;" /></p>

結(jié)果，本來應(yīng)該不跟著滾動條滾動的傲嬌fixed元素，變成absolute一樣的行為表現(xiàn)，比方說下面這個妹子，其position屬性值1000%是fixed，但是，卻大失所望跟著滾動條混了，歸根結(jié)底就是父元素加了個小小的transform屬性值。

注意，這個特性表現(xiàn)，目前只在Chrome瀏覽器/FireFox瀏覽器下有，IE瀏覽器，包括IE11, fixed還是fixed的表現(xiàn)。

更多詳情

總結(jié)

以上是生活随笔為你收集整理的transform限制position:fixed的跟随效果的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。