How to apply "scroll snap" to VInfiniteScroll

[frederikheld]

Hey everyone,

I'm using the VInfiniteScroll component to create a horizontal scroller like a slideshow, but with dynamically added content.

Is there a way to apply scroll snap to the element to make the slides lock into place? I tried to apply style="scroll-snap-type: x mandatory;" to the component but it has no effect.

Any help appreciated. Also, if there are better component to do this, please let me know.

Cheers,
Fred

[frederikheld]

Solution: you also need to add style="scroll-snap-align: center; to the first container inside VInfiniteScroll's default template slot.