首页 > 其他 > 详细

fixed定位怎么失效了(transform对fixed定位的影响)

时间:2017-03-02 21:33:46      阅读:245      评论:0      收藏:0      [点我收藏+]

项目中突然发现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/

fixed定位怎么失效了(transform对fixed定位的影响)

原文:http://www.cnblogs.com/norcoA3/p/6492614.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!