Jump to content


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

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 comment
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 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.