原文:如何让position fixed不再基于浏览器窗口定位

position:fixed默认是相对浏览器定位的。 就是将某个元素固定在浏览器的某个确定的位置,不随滚动条的移动而变化 MDN对position: fixed有一个注释: 当元素祖先的 transform 属性非 none 时,容器由视口改为该祖先。 也就是说如果想让fixed不相对浏览器定位,只要给它的随便哪个祖先设上非none的transform,问题就解决了。这祖先可以是static的,也 ...

2019-11-19 14:14 0 445 推荐指数:

查看详情

position:fixed相对父级元素定位而不是浏览器

position:fixed默认是相对浏览器定位的 原理:fixed定位相对父级容器定位,不添加:top,bottom,left,right样式,通过margin定位 代码:http://jsbin.com/tegodideyi/edit?html,css,output HTML布局 ...

Sun Jul 10 18:21:00 CST 2016 0 3030
父节点使用css的transform: translate(0, 0)时position:fixed在chrome浏览器中无效

今天在做移动端的页面,无意间发现了一个Chrome浏览器下的一个bug,在使用CSS3的transform: translate(0, 0)属性对节点A进行位置转化,此时A节点下面有一个字节点B,节点B使用了position:fixed进行了定位,按照常理节点B应该悬挂在浏览器窗口视图上,不会跟随 ...

Fri Aug 22 18:23:00 CST 2014 0 10584
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM