美文网首页
postion fixed和transform的冲突

postion fixed和transform的冲突

作者: 老虎爱吃母鸡 | 来源:发表于2017-06-16 12:28 被阅读0次
    <div class=transformEle>
        <div class=fixedEle>
        </div>
    </div>
    

    如果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的冲突

          本文链接:https://www.haomeiwen.com/subject/ykopqxtx.html