在Chrome 瀏覽器,祖先元素出現(xiàn)下面3種情況粉洼,子元素position:fixed失效
1、transform
屬性值不為 none 的元素 (這個(gè)屬性最普遍)
2、perspective
值不為 none 的元素
3炬转、在 will-change
中指定了任意 CSS 屬性
不同內(nèi)核的不同表現(xiàn)
經(jīng)過測試發(fā)現(xiàn),在 MAC 下的 Safari 瀏覽器(WebKit內(nèi)核算灸,Version 9.1.2 (11601.7.7))和 IE Trident/ 內(nèi)核及 Edge 瀏覽器下扼劈,上述三種方式都不會改變 position: fixed 的表現(xiàn)!
參考文章 https://www.cnblogs.com/coco1s/p/7358830.html
(張鑫旭will-change) https://www.zhangxinxu.com/wordpress/2015/11/css3-will-change-improve-paint/