Jump to content
GreenSock

dev_jigar

Scroll page and owl carousel moves

Recommended Posts

Hello All,

 

I want something like this site ( https://www.agencedolly.fr/ ) . Check the "Articles" section - The section is used Owl Carousel.

The effect I want is when you scroll page up and down the Carousel moves from left to right and right to left on page scroll.

 

Please help me if you have anything.

 

Thanks,

Jigar

Link to comment
Share on other sites

Hello and welcome Jigar,

I think that many of the effects you see on that site can be achieved with ScrollTrigger and (the scrub option).

The carousel is also draggable which adds an extra level of complexity.

I would suggest that you could start off by looking at the basic scrollTrigger docs 

 

When you feel confident with that then maybe consider the Draggable plugin.

If you have a more specific question then I am sure that the forum will be pleased to help you.

 

 

 

Link to comment
Share on other sites

 

Hey @dev_jigar

 

The actual ScrollTrigger setup for something like that could be fairly simple:

 

See the Pen aacc18cb78972e1222a0df19582b7583 by akapowl (@akapowl) on CodePen

 

You'd just have to find out, what exactly to animate.

 

And as @Richard1604 mentioned: depending on how the owl-carousel you want to animate on scroll is set-up, you could run into some bumps along the road.

 

But it is close to impossible to help you in more detail with this without an actual demo of your case.

 

Hope my pen helps a bit anyways.

 

Cheers,

Paul

 

  • Like 3
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×