React Virtualized InfiniteLoader/Grid：如何防止滾動重置？

Question

我有一個從React Virtualized的InfiniteLoader和Grid組件構建的無限滾動組件。如果我用我的鼠標滾輪向下滾動（即相當慢），一切都很好。但是，當我單擊組件內的滾動條並將其拖動（移動速度更快）時，我從來沒有將它拖到底部。相反，滾動一定比例的滾動條後，突然跳回頂端。

我試着在Grid加入console.log語句，但是它們所展現的是，event.target.scrollTop從一個非常高的數字一個時刻去0下。但我不明白的是，爲什麼event.target.scrollTop突然變成0當我在瀏覽器中完成的所有操作都是向下移動鼠標（同時按住左鍵單擊按鈕）。

有沒有人有任何想法我可以修復，甚至只是調試這個問題？

Answer 1

原來是用戶錯誤。

InfiniteLoader和Grid都取一個rowCount道具，但這兩個值是非常不同的值。 InfiniteLoader預計numItems的rowCount，但Grid需要rowCount的Math.ceil(numItems/columnCount)。我通過使用InfiniteLoader兩個版本「修復」了一個單獨的問題，但我真正需要做的是爲它們傳遞不同的值。

一旦我明白了這一點，並將兩者設置爲單獨的值，奇怪的滾動重置就消失了。儘管倒了React虛擬化源代碼很長一段時間，但我仍然無法弄清楚在rowCount超過時發生的目標事件是scrollTop的0。好吧。