<div class=transformEle>
<div class=fixedEle>
</div>
</div>
如果transformEle使用了transform
,而fixedEle使用了position: fixed
,那么position: fixed
不会有固定在visual viewport上,实际结果相当于相对transformEle元素定位,就是fixed
相对的不是visual viewport,而是transformELe
, 产生这样的原因主要是因为transform
和position: fixed
使用了不同的坐标系统
参考:
Positions fixed doesn't work when using -webkit-transform
'transform3d' not working with position: fixed children
网友评论