代码之家 › 专栏 › 技术社区 › 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>

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

4 月前

Mass · 如何在Tailwind CSS v4中创建配置

4 月前

magenta placenta · 将css变量合并为一个变量

4 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

4 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

4 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

4 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

4 月前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

4 月前

Luckkks · 过渡色工作不正常

5 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

5 月前