固定位置元素实际上未在Chrome中修复

Chrome已经开始采用固定位置元素来做一些非常奇怪的事情。基本上它仍然在页面上滚动，即使它被设置为固定。通过链接到现场，这将是最容易解释的。固定位置元素实际上未在Chrome中修复

http://new.safetylineloneworker.com/?page_id=9

如果您在Firefox或地狱，甚至IE看它的“块1块2块3”文字的行为只是因为它应该粘到屏幕的顶部，一旦你滚动它有直到你进一步击中“释放点”。

在Chrome浏览器中查看它，它不仅会在早于应该的时间跳到其固定位置，而且它也只是...滚动条，即使明确设置为固定位置。这真的是我见过的最奇异的事情之一。

来源

2013-10-24 Kyle S

我没有在您的页面看到“Block 1 Block 2 Block 3”，并且某些图片资产似乎是404。 –

你页面中的哪个元素具有position：fixed？ – Danield

我注意到你正在使用转换。这就是导致问题的原因。

在规格请看：The Transform Rendering Model

比指定为“变换”属性 “无”以外的值时，它是应用于元素建立一个新的局部坐标系。

因此，与固定定位的元素将成为相对于与转换的元素 - 而不是视

看这个FIDDLE在WebKit的浏览器中看到这个动作

<div class="wpr"> 
    <div class="fixed"></div> 
</div> 

.wpr 
{ 
    width: 200px; 
    height:1000px; 
    background: pink; 
    position:relative; 
    margin: 0 200px; 
    -webkit-transform: translateX(0); 
    transform: translateX(0); 
} 
.fixed 
{ 
    width: 200px; 
    height:200px; 
    margin: 50px; 
    position: fixed;  
    top:0; 
    left:0; 
    background: aqua; 
}

来源

2013-10-24 23:47:03 Danield

这看起来像Chrome（和Safari，但Chrome是这个问题的焦点）中的错误。

我还没有找到这个bug的公开问题;您应该向Chromium Issues提交报告。

来源

2013-10-24 23:34:06

固定位置元素实际上未在Chrome中修复

回答

相关问题