[draggable .update() not working]

Perfect, thanks that solves it all!

[draggable .update() not working]

Hi Diaco!

 

Here it is:

See the Pen NxqQwK by anon (@anon) on CodePen

[draggable .update() not working]

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.