仮想化されたInfiniteLoader/Gridへの対応：スクロールリセットを防止するにはどうすればよいですか？

Question

私はReact VirtualizedのInfiniteLoaderとGridコンポーネントから無限スクロールコンポーネントを構築しました。私のマウスホイールを使用してスクロールすると（つまり、合理的にゆっくりと）すべてがうまく動作します。しかし、コンポーネント内のスクロールバーをクリックしてドラッグすると（はるかに速く動く）、決して底には置かない。代わりに、スクロールバーの途中のある割合をスクロールした後、突然上にジャンプします。

私はGridでconsole.log文を追加しようとしましたが、彼らが示すすべてのevent.target.scrollTopは、次の0に本当に高いナンバーワン瞬間から行くことです。なぜ私が理解できないのは、event.target.scrollTopが突然0になる理由です。私がブラウザで行ったことは、マウスを（左クリックボタンを押したまま）動かすことです。

この問題をどのように修正することができますか？

Answer 1

これはユーザーエラーであることが判明しました。

InfiniteLoaderとGridはいずれもrowCountとなりますが、この2つは非常に異なる値です。 InfiniteLoaderはnumItemsのrowCountを期待するが、Gridはをとる。両方ともInfiniteLoaderバージョンを使用して別の問題を修正しましたが、本当に必要なのは、異なる値を渡すことでした。

これを見つけて2つを別々の値に設定すると、奇妙なスクロールのリセットがなくなりました。しかし、React Virtualizedソースコードをかなりの時間にわたって流し込んでいるにもかかわらず、rowCountが超過したときに、scrollTopの0のターゲットでイベントが発生する場所はまだ分かりません。しかたがない。