Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Pons

How to use GSAP Draggable snap: inside onRelease: function(){}

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

I have an application which runs on embedded browser. It has a scroll area where draggable is used for swipe animation. I am using snap: snapPoints(is an array) to align the scrolling content in particular points. snap works fine while user drags. But when the user touch on the scroll bar drag is not happening and the snap: does not work. Is there any way to trigger the snap: on onRelease? Below is my darggable initialization code.
 

Draggable.create("#scroller", {
    type: "scroll",
    bounds: "#scroller",
    throwProps: true,
    throwResistance: 9000,
    overshootTolerance: 0,
    allowEventDefault: true,
    snap: snapPoints,
    
    onRelease: function () {
        //any way to trigger snap: snapPoints here?
    }
});

 

Link to post
Share on other sites

If I understand your question correctly, no, sorry, there isn't a built-in way to do that. You could just find the closest value in your array and tween there. 

  • Like 2
  • Thanks 1
Link to post
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.

×