Horizontal Dynamic
Horizontal scrolling with items with different widths measured via ResizeObserver.
Back
Items:
Size:
Random Scroll
Range: {{ scrollDetails?.range?.start }}-{{ scrollDetails?.range?.end }} | Offset: {{ Math.round(scrollDetails?.scrollOffset?.x || 0) }}, {{ Math.round(scrollDetails?.scrollOffset?.y || 0) }}
#{{ index }}
Dynamic Item {{ index }}
Width: {{ itemSize + (index % 8) * 40 }}px