postion fixed和transform的冲突

<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

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 两个viewport的故事（第二部分）
    作者: JeremyWei | 可以转载, 但必须以超链接形式标明文章原始出处和作者信息及版权声明 网址: htt...
    老夫的天阅读 957评论 0赞 1
  • 冬天的影子，还在
    BreezeNicole阅读 262评论 6赞 4
  • 2017-10-01
    有时候不知道是自己已经忘记 还是压在心底不敢想起 只是觉得从那以后心里总是没底 可怜无处安放的心灵 可怜丢了一半的人格
    无为小生阅读 138评论 0赞 0
  • 自律就是逆人性
    我其实也是很关注各类鸡汤文、时间管理等方面的文章，看得多了，也知道背后其实有这样的底层逻辑：自律并不一定能够成功，...
    战略分析局阅读 544评论 1赞 1
  • 我们的爸爸
    我马上就30岁了，在我的印象中，无论吃的用的，我和妹妹都是第一位的。 老爸爱吃瓜果，却每次都是买回...
    寒冰糖心阅读 131评论 0赞 0