Example for reversed virtualization using a non-window virtualizer?
I found this example by @piecyk online: https://codesandbox.io/p/sandbox/beautiful-meninsky-fr6csu?file=%2Fpages%2Findex.js%3A153%2C36-153%2C50
Also a MR and some issues related to reversing the virtual list and "reverse" infinite scroll. My usecase is also a chat app.
I'm trying to recreate it for a non-window virtualizer by using 2 refs (1 for
getScrollElement and 1 to access .options) but I can't get it to work properly. Did anyone ever implement this? Is there some example codesandbox that I missed? 🙂beautiful-meninsky-fr6csu
CodeSandbox is an online editor tailored for web applications.
4 Replies
sensitive-blueOP•3y ago
I actually found one 👀 https://codesandbox.io/p/sandbox/frosty-morse-scvryz?file=%2Fpages%2Findex.js%3A132%2C1-139%2C10
frosty-morse-scvryz
CodeSandbox is an online editor tailored for web applications.
sensitive-blueOP•3y ago
For some reason its not working in my environment, but I'm looking into it.
deep-jade•16mo ago
checkout the codesandbox
deep-jade•16mo ago
https://medium.com/@rmoghariya7/reverse-infinite-scroll-in-react-using-tanstack-virtual-11a1fea24042
Medium
Reverse Infinite Scroll in react using TanStack Virtual
Infinite scrolling is a popular technique used to load content dynamically as the user scrolls down a page. This can be particularly useful…