Scroll to position

[oleggrishechkin]

Scroll to position

[MOHIDQ]

Thanks, that works very well! didn't think about using getBoundingClientRect().top for the clicked on element! Definitely making adding a method to capture the current scroll position would be great, but this solution works for now

[oleggrishechkin]

Hi, @MOHIDQ.

You soultion with scrollTop can work correctly only for fixed item height.
The best solution at this moment is manually compute index and offset on item's click (if you open some "item view" from "list" by clicking at item). offset should be the difference between viewport getBoundingClientRect().top and clicked item getBoundingClientRect().top. offset is just a value which will be added to scrollTop (or scrollLeft) after scroll to element by index.

I think I can add getScrollPosition() method in the next minor release to get index and offset for scroll restoration without pain.

[oleggrishechkin]

@MOHIDQ Anyway I added getScrollPosition method in 7.1.0 release. You can use it for computing index and offset for initialIndex/initialOffset or scrollToIndex on component unmount/route change/scroll etc.

something like this:

// save last scroll position somewhere. It can be a session storage or some variable outside your component for example. 
lastScrollPosition = viewportListRef.current.getScrollPosition();

// now we can use index and offset in out ViewportList for scroll restoration
<ViewportList>
    ...
    initialIndex={lastScrollPosition.index}
    initialOffset={lastScrollPosition.offset}
</VIewportList>