How do I make an observer move in opposite directions when touch

[FrEZ]

As you can see, when you scroll down with mouse, it works perfectly, but on touch you have to touch the opposite direction. Any idea how to make it when on mobile, or on touch to switch onUp and onDown?

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

[FrEZ]

I saw that you can check Observer.isTouched, don't know if that's the most efficient way, but if it is, can I get an example of it in use?

[GreenSock]

I just updated that demo to do what I think you wanted. Basically, I set wheelSpeed: -1 to invert the wheel direction and then flip-flopped the onUp/onDown and made a couple of other minor tweaks. 

 

See the Pen oNdNLxL?editors=0010 by GreenSock (@GreenSock) on CodePen

 

Is that working the way you hoped? 

[FrEZ]

I see that you have managed to achieve it. Is it possible for me to get the old and new code to see what you have changed to make it work, as just switching wheelspeed didn't do it for me, as I am not using a separate scrolltrigger to enable Observer. Cheers!

[GreenSock]

I added the onPress to preventDefault() on the touchstart, and just flip-flopped the onUp/onDown logic. 

// old
onUp: () => !animating && gotoPanel(currentIndex - 1, false),
onDown: () => !animating && gotoPanel(currentIndex + 1, true),

// new
onUp: () => !animating && gotoPanel(currentIndex + 1, true),
onDown: () => !animating && gotoPanel(currentIndex - 1, false),
wheelSpeed: -1,