Scrolltrigger - horizontal scroll - mobile version

[Gigi1303]

Hi guys, I'm experimenting with an horizontal scroll section in one of my projects.

I used one of the code in the examples given in the Scrolltrigger documentation and modified it a bit.

Basically, the horizontal scroll triggers when a section with the class "horizontal" arrives. Everything works great.

The problem I'm having is with the mobile version: how could I "destroy" scrolltrigger in smallest screens to stop the horizontal scroll and make the sections go one below the other? I tried with a CSS approach but I don't think it's the right approach.

As usual, thanks for your help.

 

See the Pen BaPYJVE by luigi-basile (@luigi-basile) on CodePen.

[Cassie]

Hi gigi, you can use matchMedia alongside normal CSS media queries,

Here you go!

See the Pen qByxKNy?editors=0110 by GreenSock (@GreenSock) on CodePen.

 

 

[Gigi1303]

Very cool, thanks a lot Cassie.