GSAP Draggable not correctly using bounds

[Tony Geek]

Hi, I'm new to the GSAP Draggable Plugin. I'm attempting to create a simple horizontal draggable element to act like a games library.

However, I can't seem to get the draggable container to correctly use the boundaries of the container. I've gotten this as close as I can to functioning in terms of keeping the dragged position, as that seems to have been glitching majorly for me. I've spun that up onto a codepen so you can see what I mean.

 

I just want to know how I can have a horizontal draggable container that:

• Respects the boundaries set by it's container.
• Maintains it's position after the drag is let go.

 

 

Help much appreciated in advance!

See the Pen gOqGpar by tonycre8-the-bold (@tonycre8-the-bold) on CodePen

[Rodrigo]

Hi,

 

I think this is a better approach IMHO:

See the Pen xxMXRwm by GreenSock (@GreenSock) on CodePen

 

Also the configuration now is inertia: true, not throwprops:

https://gsap.com/docs/v3/Plugins/Draggable/#config-object

 

Hopefully this helps.

Happy Tweening!

[Tony Geek]

12 hours ago, Rodrigo said:

Hi,

 

I think this is a better approach IMHO:

 

 

Also the configuration now is inertia: true, not throwprops:

https://gsap.com/docs/v3/Plugins/Draggable/#config-object

 

Hopefully this helps.

Happy Tweening!

Yeah, that looks like the solution to me.

Thanks a lot for the help!