Does scroll restoration work

[L-Blondy]

Hi there,

I'm considering using tanstack virtual at work and scroll restoration is a requirement. Does it work properly when navigating back / forward?

I could not find anything about it in the docs.

Thanks!

[KonstantinKai]

Yep, just use the following options while creating an instance of virtualized

initialOffset: number;
initialMeasurementsCache: VirtualItem[],

Here is my snippet and it works fine for me:

let _kSavedOffset = 0;
let _KMeasurementsCache = [] as VirtualItem[];

const Element: React.FC = () => {
  const virtualized = useVIrtualizer({
    // options,
    initialOffset: _kSavedOffset,
    initialMeasurementsCache: _kMeasurementsCache,
    onChange: (virtualizer) => {
      if (!virtualizer.isScrolling) {
        _kMeasurementsCache = virtualizer.measurementsCache;
        _kSavedOffset = virtualizer.scrollOffset;
      }
    },
  });
  return <div>{/*your list goes here*/}</div>
}

[younessbennaj]

Thank you 🙏

[Frans06]

for those using dynamic elements I recomment always set the element height if horizontal or element width if vertical. I use the following code.
#651 (comment)