fixed定位怎么失效了(transform對fixed定位的影響)


項目中突然發現fiexd定位失效了,會跟着屏幕上下滑動了,檢查了一下發現了原因

<div style='transform:translate3d(0,0,0)'>
    <div style='position:fixed;top:0;left:0;'></div>
</div>

原因:

  只要position:fixed;元素的父元素有transform樣式,那么這個元素的fixed定位就會失效;無論是transform:translate(),scale()還是rotate().

關於transform和定位之間的事情,我覺得大神鑫的一篇文章說的很好,謝謝大神分享:

http://www.zhangxinxu.com/wordpress/2015/05/css3-transform-affect/


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM