Jump to content
GreenSock

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

draggable snap scope?

Go to solution Solved by GreenSock,

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

How do I set scope for a snap function (in a Draggable.create... )?

I would have thought something like 'onSnapScope' or 'snapScope', but neither seem to work.

Much thanks.

Link to comment
Share on other sites

  • Solution

It'd be helpful if you could give a little more context. Couldn't you get what you need using the existing scope or a closure? What exactly are you trying to reference? A code snippet or codepen demo would be great. 

  • Like 2
Link to comment
Share on other sites

Your suggestion here worked for me.

 

 
coolObj.prototype.updateThrow = function( _targetEl, _xOffset, _yOffset ) {
    this.xOffset = _xOffset;
    this.yOffset = _yOffset;
    var overlapSwapPct = "25%";
    var that = this;
    Draggable.create( el, {


        snap: {
            x: function( end ) {
                if (this.hitTest( _targetEl, overlapSwapPct )) {
                    return _xOffset;
                }
                else {
                    return 0;
                }
            },
            y: function( end ) {
                if (this.hitTest( _targetEl, overlapSwapPct )) {
                    return _yOffset;
                }
                else {
                    return 0;
                }
            }
        }
    }
}
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.
×