Perfect Horizontal Scrolling CMS in Webflow
CMS
Javascript
GSAP

Create structure on page:

Section with class 'horizontal-section'

Set position to 'Relative', Width to '100%'

Inside if that section add div with class 'horizontal-trigger'

Set position to 'Absolut' top

Add another div inside section with class 'horizontal-sticky'

Set position to 'Sticky' 0 top, Width '100%', Overflow 'Hidden'

Inside that div add container with class 'container is--sticky'

Width 'min 100VH'

Inside that container add collection list, add items content, set items width and sizing 'Dont shrink'

Add code to Before </body> tag

copy
copy
copy
copy
copy
copy
copy