react-virtualized WindowScroller alternative?

Is there anyway to achieve what WindowScroller does in react-virtuoso? I’m looking to create a Twitter/Facebook style news feed where you use the native window scrollbars to scroll an infinite list (or in my case, grid). Thanks in advance.

[zsee]

Hi! Good job on react-virtuoso! It seems like a nice library 👍

I tried to achieve something similar to WindowScroller. It seems to be doable with these things / workarounds:

• Custom scroll container which reports and sets the window’s scroll position ± offsetTop of the scroll container.
• Detection of position changes for the list. (eg. an element above disappears). Not sure how to this correctly, so -> polling offsetTop
• To limit the number of items rendered a maxHeight: "100vh" was added to the first div of the scroll container.
• Set a minHeight on Virtuoso so something is initially rendered. After that set the height to the total list height (using totalListHeightChanged for this).

https://stackblitz.com/edit/react-pgd1ms

Would it be possible to add something to the library to make this easier? I think adding the maxHeight: "100vh" shouldn’t be an issue, and maybe also adding a prop that forces the initial rendering of some elements (so minHeight wouldn’t be needed). 🤔

[petyosi]

I took my time with this feature, but hopefully, this will help whoever finds this issue 😃.

https://virtuoso.dev/window-scrolling/ - post some feedback here if you give it a try. Thanks!