1

我有一个与thisthis类似的问题,不同之处在于缩放是在可拖动元素上而不是在容器上。我复制了上面提到的第二个问题中提供的 jsFiddle,并将缩放属性从容器更改为元素。你可以在这里找到它,代码是:

HTML

<div id="canvas">
    <div id="dragme"></div>
</div>

CSS

#canvas {
   width:500px;
   height:250px;
   border:1px solid #444;
}
#dragme {
   width:100px;
   height:50px;
   background:#f30;
   zoom:0.9;
}

JS

$('#dragme').draggable();

我试图了解问题所在,但似乎我尝试的每一个更改都不起作用。主要问题是:

  • 当我开始拖动时,元素会稍微向上和向左移动;
  • 容器边界计算不正确;

你能明白这里发生了什么吗?谢谢!

4

1 回答 1

0

如果绝对没有必要,请从 css 中删除缩放。它不能很好地与可拖动的 Jquery 一起使用。在此处查看更多信息Jquery 可拖动缩放问题

然后,如果您想在画布内拖动,只需添加

containment: "parent"
于 2016-10-26T21:18:09.183 回答