1

これとこれと同様の問題があります。違いは、ズームがドラッグ可能な要素であり、コンテナではないことです。上記の2番目の質問で提供されたjsFiddleをコピーし、zoomプロパティをコンテナから要素に変更しました。ここで見つけることができ、コードは次のとおりです。

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 から zoom を削除してください。Jquery ドラッグ可能ではうまくいきません。ズームの問題でドラッグ可能なJqueryの詳細については、ここを確認してください

次に、キャンバス内でドラッグする場合は、追加するだけです

containment: "parent"
于 2016-10-26T21:18:09.183 に答える