About cloneable
This Webflow cloneable by Timothy Ricks offers a unique horizontal scroll effect for CMS-powered websites. By utilizing GSAP and ScrollTrigger, it enables smooth horizontal scrolling through a grid of items based on screen width and the number of cards in view. This dynamic feature adjusts the section's height according to the available items, ensuring a seamless user experience. Whether showcasing a limited or extensive collection, this horizontal scroll effect enhances website interactivity and engagement. With easy customization options for item visibility and scroll speed, this cloneable is a valuable addition for users looking to create visually captivating and responsive Webflow sites with minimal effort.
This code snippet calculates the scroll distance for a horizontal scroll section based on the number of items in view and the screen width. It uses GSAP and ScrollTrigger to create a smooth scrolling effect as the user scrolls. The code also adjusts the height of the horizontal section dynamically based on the number of items and screen size.
About custom code
This code snippet calculates the scroll distance for a horizontal scroll section based on the number of items in view and the screen width. It uses GSAP and ScrollTrigger to create a smooth scrolling effect as the user scrolls. The code also adjusts the height of the horizontal section dynamically based on the number of items and screen size.