postion fixed和transform的冲突

如果transformEle使用了transform,而fixedEle使用了position: fixed,那么position: fixed不会有固定在visual viewport上,实际结果相当于相对transformEle元素定位,就是fixed相对的不是visual viewport,而是transformELe, 产生这样的原因主要是因为transformposition: fixed使用了不同的坐标系统

参考:
Positions fixed doesn't work when using -webkit-transform
'transform3d' not working with position: fixed children

你可能感兴趣的:(postion fixed和transform的冲突)