GSAP Slider, moving when scrolling and dragging

[Peter_dev]

Hi, everyone!

Thanks for reading this post.

I have some problem in making slider.

I want to make slider like this website.

https://hyogen.design/

I have found similar slider in codepen, that is infinite slider moving when dragging.

But I would like to add scrolling effect like reference site.

How can I move slider when scrolling?

Please help me.

See the Pen QWOxeag by GreenSock (@GreenSock) on CodePen

[GSAP Helper]

That seems very doable with ScrollTrigger. 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.  

 

You could also consider using Observer to move the playhead on the timeline according to scroll events (or wheel/touch). Lots of options!

 

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. 

[Peter_dev]

Thank you.

So I would like to ask you about that solution.

How to ask this project for you?

I am new to here.

[GSAP Helper]

Welcome aboard, @Peter_dev.

 

Sorry, I didn't quite understand - are you asking about how to hire us on a consulting basis to help you with this? If so, let me know and I can reach out with more details. 

[Peter_dev]

Yeah, you are right.