React-window: 行数が多い FixedSizeList でのスクロール中の空白 (1 行に 8 つのマテリアル UI カード)

スクロールが最初に開始されるときのこのタイプの空白は、残念ながら、このライブラリで使用されるウィンドウ テクニックで必要なトレードオフになります。 スクロール ハンドラーを強制的に同期させない限り (ユーザーにとってスクロールが遅くてぎこちない感じになるだけです)、これを完全に回避することはできません。

できること:

• 行レンダラーを可能な限り高速にします。 場合によっては、スクロールがアクティブなときに軽量の表現を使用することを検討することがあります (ここを参照)。
• このようなメモ化テクニックを使用します。 デモについては、こちらをご覧ください。
• さまざまなoverscanRowCount値を試してください。 （あなたの場合、2 は 1 に対してより適切に機能しますか?
• プロファイラーを使用して、レンダリング パフォーマンスを確認します。
• 本番モードでパフォーマンスを確認します。 (Code Sandbox のデモは、はるかに遅い DEV モードで実行されて

@bvaughn - @ashishgupta1989とscrollSyncフラグを設定して、同じ動作を取得できるようにしたいと思います。

したがって、これは機能します：

return createElement(outerElementType || outerTagName || 'div', {
    ...
    onWheel: function (e) {
        e.preventDefault()
        e.currentTarget.scrollTop += e.deltaY
    },

このスタック オーバーフローの回答に触発されました: https://stackoverflow.com/questions/12747746/how-to-disable-smooth-scrolling-in-chrome

この修正をフックする新しいプロペラscrollSyncを使用してプル リクエストを送信した場合、それを受け入れますか?

検討のためにプル リクエストをいつでも歓迎します。 スクロール イベント ハンドラーを強制的にブロックすることは、おそらく API にサポートを追加したくないものであることは認めますが、PR を読んで検討します。