滾動期間的像素化框

我在我製作的小頁面上出現了一個奇怪的問題。滾動期間的像素化框

當內容擴展瀏覽器的高度，並且我快速向下滾動時，像素化框出現一秒鐘的分裂然後消失。

這究竟是爲什麼以及如何解決這個問題？

2014-04-04 jzeus

無代碼=不知道...你可以發佈一些HTML/CSS嗎？即使是一個鏈接？ – SW4

I GUESS它不是一個與代碼有關的問題。它的機器特定。當我的電腦內存不足時，我面臨同樣的問題;） –

這只是Chrome的渲染引擎廢話。對於所謂的「最快的瀏覽器」，當經常滾動時，它無法渲染頁面的一部分。

也就是說，有一些因素涉及它發生的時間。一般來說，這可能發生在佈局重新計算很多時。如果您有一個裝載了圖像的大表，可能會發生這種情況，因爲每個圖像的負載都會導致表重新計算。另外，JavaScript經常會導致佈局重新計算。這一切都取決於你的電腦有多強大，以及它與其他任務的忙碌程度。

2014-04-04 09:50:44

爲什麼它只發生在我身上？無論我在任何SO頁上滾動多快，我都沒有看到該框：c – jzeus

它可以根據頁面內容而有所不同。我在我的網站上有一個管理頁面，列出了一張大桌子上的每一個神奇寶貝精靈，這真的會影響到引擎，直到有時它甚至無法渲染方格正方形，而只是呈灰色。但是你的網站看起來很簡單。這很可能是JavaScript中的某些內容在佈局中導致大量重新計算的原因。 –

是的！這就是答案！「這很可能是JavaScript中的某些內容導致大量重新計算佈局」。請在答案中編輯以備將來使用！ – jzeus

似乎是一個鉻問題。自從我從Firefox遷移到Chrome後，我在很多網站上都注意到了這一點。

2014-04-04 09:51:34 Richie

回答