position:fixed失效
2018-08-07 本文已影响10人
xilong
在Chrome 浏览器，祖先元素出现下面3种情况，子元素position:fixed失效
1、transform 属性值不为 none 的元素 （这个属性最普遍）
2、perspective 值不为 none 的元素
3、在 will-change 中指定了任意 CSS 属性
不同内核的不同表现
经过测试发现，在 MAC 下的 Safari 浏览器（WebKit内核，Version 9.1.2 (11601.7.7)）和 IE Trident/ 内核及 Edge 浏览器下，上述三种方式都不会改变 position: fixed 的表现！
参考文章 https://www.cnblogs.com/coco1s/p/7358830.html
(张鑫旭will-change) https://www.zhangxinxu.com/wordpress/2015/11/css3-will-change-improve-paint/
