Full page mode about dynamic-virtual-scroll

[vitalif]

Hi

Also, not related to the full page mode, before any scroll happen, the lastItems are displayed:

That's because on the first pass your getRenderedItemHeight returns 0 and driver is not called again when the page is rendered. See componentDidUpdate in VirtualScrollDriver.js - it also calls driver(). The rest of this method relates to scrollToItem() so you don't strictly need it.

How would you implement the full page mode when the list is not the only item the body ?

I think it's similar to the "fixed header" in the sample http://yourcmc.ru/dynamic-virtual-scroll/. You should just subtract fixed header/footer sizes from the total viewport size.

[nicolas-t]

Hello,

Thanks for your answer 👍

That's because on the first pass your getRenderedItemHeight returns 0 and driver is not called again when the page is rendered. See componentDidUpdate in VirtualScrollDriver.js - it also calls driver(). The rest of this method relates to scrollToItem() so you don't strictly need it.

Perfect :)

I think it's similar to the "fixed header" in the sample http://yourcmc.ru/dynamic-virtual-scroll/. You should just subtract fixed header/footer sizes from the total viewport size.

It's not exactly similar, because the topbar is not fixed, so once it's out of the viewport, we want the list items to fill the whole viewport.
With the substract method there is a blank space were the header used to be before we scrolled it out of the viewport:

Best regards,