Is that possible to dynamically refresh/update the rendered items as mouse scroll?

[bfang711]

The project I've been working on is to show plots of a very long time series. Since it is too long and the data is big, the customer wants to load in the data on fly and wrap the plots into different lines.
As one example,
24hr data => 24 pages (view screens) for one page per hr => 6 plots (in a vertical list) for one plot per 10mins.

1. since the plots are all the same size, I can definitely use type="uniform" and I know how many plots I need in total ( 6x24 ), even though not all of them are in view screen.
2. At initial, only 1st hr of data being loaded and 1st screen (6 plots) being fully rendered, while the other screens/plots are empty.
3. As mouse scrolls down, the index changes, based on which the new data will be loaded in, (the old data is deleted ) and the new plots will be fully rendered, while the ones out of the view screen will become "blank".

I wonder if react-list or some similar library/plug-in can help me accomplish this task?

Note Briefly, the only thing I am worrying about is that if the rendereditems in the list can be programatically rerendered when mouse scrolls down.

thank you