我有一个与this和this类似的问题,不同之处在于缩放是在可拖动元素上而不是在容器上。我复制了上面提到的第二个问题中提供的 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();
我试图了解问题所在,但似乎我尝试的每一个更改都不起作用。主要问题是:
- 当我开始拖动时,元素会稍微向上和向左移动;
- 容器边界计算不正确;
你能明白这里发生了什么吗?谢谢!