Search the Community
Showing results for tags 'draggable update'.
Found 1 result
-
Hi! I'm experiencing a problem with draggable. Maybe someone can help me... I'm using draggable with the throwPropsPlugin to move a DIV and I have my own Javascript to scale and center it on mousewheel and pinch events. Unfortunately draggable doesn't use the new translate3d values, if I drag the div after that, because the internal x and y values were not updated. I found that .update() schould do this, but the .x and .y values of my draggeable object are the same before and after I execute .update() even though the translate3d values of my DOM object have changed. What am I doing wrong? My code is: Draggable.create( "#image", {type:"x,y", edgeResistance:0.8, bounds:"#frame", throwProps:true, onDragStart:function(){ console.log("dragstart"); clearTimeout(mousewheelTimer); } } ); and later called after a short timeout, when the mousewheel is no longer scrolling: function mousewheelEnd(){ console.log(Draggable.get("#image").x ); Draggable.get("#image").update(); setTimeout(function(){console.log(Draggable.get("#image").x );},1000); } I also tried to kill the Draggable object and create a new one and to disable it while the mouse is scrolling. Nothing worked. Please help! Thanks.
