Jump to content
Search Community

Observe touchscreen swipe

dgpapagian test
Moderator Tag

Recommended Posts

Hello, I am using the GSAP Observer like this:

                target: window,
                type: "wheel,touch",
                onUp: () => {
                onDown: () => {
                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

Link to comment
Share on other sites

Hi @dgpapagian and welcome to the GSAP Forums!


Is really hard for us to do much of anything without a demo. On top of that I don't have a touch monitor so I couldn't really tell you about that.


The only thing I can think of is to check the isTouch property the Observer Plugin has in order to check that in a conditional logic block in order to run your code or not:



Hopefully this helps.

Happy Tweening!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...