Hello, I am using the GSAP Observer like this:
Observer.create({
target: window,
type: "wheel,touch",
onUp: () => {
maskTimeline.reverse();
},
onDown: () => {
maskTimeline.play();
},
onChange: (self) => {
totalScroll += self.deltaY;
scrollPercentage = totalScroll / $(window).height();
if (scrollPercentage < 0) {
totalScroll = 0
scrollPercentage = 0;
}
else if (scrollPercentage > 1) {
totalScroll = $(window).height();
scrollPercentage = 1;
}
}
});
The issue is that I also want it to work when someone drags on a touchscreen monitor. I know I could also use type pointer but I want it to activate only when swipe/drag is detected