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

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

firefox css

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

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

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

谢谢, 唐

2 回复 | 直到 12 年前

Dónal 15 年前

添加 overflow:auto 到 定位的 div。

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

galer88 12 年前

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

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

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前