前提・実現したいこと
詳細ボタンなどをクリックしてリストの高さが増した時に、
画面に表示されている要素が消えてしまうので自動でスクロール調整をしたいです。
発生している問題(デモ)
デモ(react-virtualized)
(react-virtualizedは直接関係ありませんが今回のパターンに適したデモだったので使用します。)
画像はユーザーリストをある程度下にスクロールした状態です。
900番目のユーザーがおおよそ真ん中に来ています。
「Use dynamic row heights?」にチェックをいれると各要素の高さが増します。
605番目のユーザーがおおよそ真ん中に表示されてしまいました。
非同期で取得
ユーザーは無限に続く可能性があり、ある程度スクロールをするとロードするという
非同期処理をとっています。
試したこと
componentDidUpdateに書く関数をかけば良いイメージはあるのですが、
それ以外手を付けられていません。
補足情報
React 16.6.1
react-lazy-load 3.0.13
あなたの回答
tips
プレビュー