Jump to content
Search Community

ninmorfeo

Premium
  • Posts

    82
  • Joined

  • Last visited

Everything posted by ninmorfeo

  1. hi, i have some card i move with draggable plugin and i choose to use ThrowProps on release. use this code: Draggable.create(".drag_item", { bounds: $('.drag_zone'), edgeResistance: 0.9, type: "x,y", throwProps: true }); Can I change the friction of the plugin? currently when I release the card, it stops after too long a route
  2. thanks for the ispiration instead about the last question? Is there a method that sounds like onMove in the Draggable class?
  3. oh I found the solution .... I set the transformation property of dynamically created objects not through the jquery css method but via the gsap set and now works well with the external jquery.path library too. TweenMax.set($("#" + chi), { scale: 0.6, rotationX:20});
  4. The problem is that I discovered gsap when I had already finished the project so I have to rewrite all the functions from the beginning, all because the interact.js library has problems doing the drag when using scaled containers. Let's have it updated when I rewrite the gsap based code if the problem occurs again. Only one last question and then we can close the post. Is there a method that sounds like onMove in the Draggable class? a method that allows me to check the object where it is in real time
  5. sorry, I looked better at the problem and it seems that this comes from the css of the container where I set the value of 'perspective'. .drag_zone { width: 1100px; height: 800px; position: absolute; bottom: 70px; left: 50%; transform: translate3d( -50%, 0px, 0px ) scale(1); -webkit-perspective: 600px; perspective:600px; z-index: 400; } but i think the real problem is that i use jquery.path.js to place my cards on a bezier curve.
  6. Hi, I created the dynamic dom element and I need to attach the draggable class to it. When I call the Draggable.create (". Drag_item") function; I lose the initial scale values. Specifically, the objects created set the css: transform: translate3d (0px, 0px, 0px) rotateX (20deg) scale (0.6) rotateZ (1deg); while when I attack the "draggable" class the value becomes: transform: matrix3d (0.598536, 0.0425114, 0.00892832, 0, -0.0419244, 0.607955, 0.132743, 0, -0.000536959, -0.210303, 0.962672, 0, 0, 0, 0, 1 ); losing the scale value. This behavior will straighten me up and I wouldn't want to ... how do I solve it?
×
×
  • Create New...