How to create this kind of slider?

[maruf3000]

The content on the right should change as I scroll down, vise versa. I wonder if you happen to know any website that has this kind of feature or the implementation way please.

The above demo is from figma.

Thanks.

[GSAP Helper]

Hi @maruf3000 and welcome to the GSAP Forums!

 

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 - we just want to manage expectations.  

 

If you're looking for ScrollTrigger effects, I'd recommend looking at the demos at 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. 

[GSAP Helper]

A content slider is not a simple task and is something that has a wide range of options and complexity.

 

Here are a few simple demos:

See the Pen MWMgZOv by GreenSock (@GreenSock) on CodePen.

 

See the Pen VYZwvza by GreenSock (@GreenSock) on CodePen.

 

This is a more complex solution by @PointC

See the Pen YRzRyM by PointC (@PointC) on CodePen.

 

As you can see the more features the more complex the process gets.

 

Hopefully this helps getting started!