HTML滾動條的行/頁面大小如何確定

Question

我有一個包含混合內容的垂直滾動條的div。一些純文本，圖像，表格，以及其他一些視覺標記。

似乎有幾個點向下滾動頁面，它在Chrome中「卡住」（也測試過Firefox，它似乎稍慢，但沒有損壞），使用滾輪或向上/向下箭頭一次只移動幾個像素。我沒有這個頁面上的滾動事件的監聽器。

Web瀏覽器如何決定在處理混合/複雜內容時多快滾動各個點？

Answer 1

我懷疑這可能是組件渲染的一個性能問題。我建議您使用Chrome開發人員工具中的Timeline功能來捕獲性能信息並從此處開始。