固定位置元素在滾動時會導致失真

在this page頁面右側有一個黑色徽標框，其位置是固定的。持有照片和主要內容區域的div將其位置設置爲相對。在Firefox 3.5中，如果您在頁面上下滾動，則會在相對定位的div中發現非常難看的扭曲 - 看起來好像內容被壓扁和拉伸。固定位置元素在滾動時會導致失真

更新：我在上面鏈接的頁面添加了修復程序，所以它不再顯示失真。如果你想看到它的行動，從固定位置元素中刪除overflow: auto屬性。

謝謝，唐

2009-09-08 Dónal

使用FF 3.5，我看到一個很小的失真，真的很值得一提。當我停止滾動時它消失。 –

在Mac上使用Safari 4時，它可以很好地滾動。 –

我相信這個問題只發生在Firefox 3.5+ –

添加overflow:auto到固定位置的div。

如果它仍然不起作用，那麼可能沒有太多可以做的 - 這只是Firefox（重新）繪製的缺陷/缺陷。固定的元素往往是有問題的 - 回滾版本8的版本是令人難以置信的滾動任何固定元素或背景的頁面時變慢。

2009-09-08 14:36:07 DisgruntledGoat

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

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

2012-09-07 14:08:44 galer88

回答