Allowing horizontal scrolling or dragging with Scrolltrigger

[Okaia]

Hello,

Very happy user of GSAP here! But there is one thing we need your help with.

 

On our website we are using something like this for a section with a horizontal slider. Works great, but it confuses some not so tech savy people since they have to scroll down to go to the right. Especially on mobile this feels unnatural to them.

 

Is there a way to link horizontal scrolling to vertical scrolling, so it doesn't matter which way you scroll, you go down?

Or is there a way to allow dragging the slides to the right, like a carousel, in addition to the regular scroll behaviour?

 

Thanks for the help.

See the Pen NWpGeZX by ekfuhrmann (@ekfuhrmann) on CodePen

[Rodrigo]

Hi @Okaia and welcome to the GreenSock forums!

 

First thanks for being a Club GreenSock member and supporting GreenSock!

 

This example of the container animation implements the Observer Plugin in order to update the animation with the regular mouse wheel and swipe left/right on that particular section (line 30 of the JS tab):

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

 

Hopefully this is enough to get you started. Let us know if you have more questions.

Happy Tweening!