Horizontal

[makercab]

Hi guys,

 

New to this forum and to GSAP, I wanted to combine the personalization of Webflow and the power of GSAP.

I'm working on a project where on desktop there's a "complexe" layout. On mobile, I wanted to simplify the navigation by creating a horizontal scroll with 4 different screens.
The idea is that after clicking on inputs and other elements, the scroll is automatically snapping to the next screen.

 

Here's the idea: see file in attachment. 

Do you have any idea on how to achieve this?
Thanks mates

[GSAP Helper]

We love helping with GSAP-related questions, but unfortunately we just don't have the resources to provide free general consulting, logic troubleshooting, or "how do I recreate this cool effect I saw on another site?" tutorials. Of course anyone else is welcome to post an answer if they'd like - we just want to manage expectations.  

 

Your video wouldn't play properly for me, but perhaps you just need CSS scroll snapping? It's tough to say without seeing a minimal demo. 

 

If you're looking for ScrollTrigger effects, I'd recommend looking at the demos at https://greensock.com/st-demos and https://codepen.io/collection/DkvGzg and https://codepen.io/collection/AEbkkJ - you may be able to use one of those as a jumping-off point. 

 

You are welcome to post in the "Jobs & Freelance" forum for paid consulting, or contact us directly. 

 

Otherwise, if you've got a GSAP-specific question just post that here along with a minimal demo and we'd be happy to take a look.