代码之家 › 专栏 › 技术社区 › Dónal

固定位置元素在滚动时会导致失真

firefox css

1

Dónal · 技术社区 · 16 年前

论 this page 页面右侧有一个黑色的标志框,其位置是固定的。保存照片和主要内容区域的div的位置设置为相对。在firefox 3.5中,如果你上下滚动页面,你会注意到一个非常难看的变形,在相对位置的div中,内容似乎被挤压和拉伸了。

更新: 我在上面链接的页面上添加了修正,所以它不再显示失真。移除 overflow: auto 如果希望在操作中看到固定位置元素的属性。

谢谢, 唐

2 回复 | 直到 13 年前

1

Dónal 16 年前

添加 overflow:auto 到 定位的 div。

如果它仍然不起作用,你可能就没什么办法了——这只是火狐(re)绘图的一个缺陷。固定元素通常是有问题的-Opera在第8版前后 难以置信地 滚动具有固定元素或背景的任何页面时速度慢。

2

1

galer88 13 年前

添加另一个固定元素-最右边。

<div style="position: fixed; right: 0px; top: 0px; width: 1px; height: 1px;"> </div>