touch events for expand/collapse

[gweatherson]

I'm at a loss on how to make this gallery behave smoother on mobile, specifically when getting to the section I'd like the user to swipe there fingers up and down and expand/collapse the items instead of tapping. If a user scrolls on the sides of the section they can go to the previous  or next (green) sections. This would probably be a pin function. I tried some scrollTrigger options but it felt very jittery. I'd like for it to be touch events instead of scroll.

 

This example is webgl and really complicated, but closer to the goal in mind.. this example also doesn't have sections above and blow so it's more simple in a sense: https://phlntn.com/

 

Thank you for helping.

See the Pen OJrJypd by gweatherson (@gweatherson) on CodePen

[Rodrigo]

Hi,

 

Maybe you could use the Observer Plugin for that section and mix it with ScrollTrigger, like this example:

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

 

Hopefully this helps.

Happy Tweening!