I have a carousel that animates by xPercent when clicking menu buttons.
I also use the Draggable with ThrowPlugin on the carousel to swipe left and right on sections of that carousel.
The menu tween uses xPercent (which is what I want, since the carousel keeps its place on window resize)
But the Draggable tween uses either translate3D or matrix by pixel values and not percentages. By the way, I'm use an array for snap: {x: [pos1, pos2, pos3]}
I've been able to figure out the new percentage and remove the translate3d value using 'onThrowComplete', but the Draggable values is not cleared.
So my questions are:
1. What is the best practice to integrate a regular tween and a Draggable tween on an element, when xPercent is required on the regular tween?
2. What is the correct way to flush out any values when a Draggable event has completed?
Any help would be appreciated. Thanks in advance.