javascript - DIV に隠されたオーバーフローの実装に失敗しました

Question

こちらのリンクをご覧ください。このドラッグ可能な DIV は、破線の DIV 内に留まりませんでしたか? で設定しようとしoverflow: hiddenましdropzoneたが、ドラッグ可能な DIV は非表示にするのではなく、まだ外に出ていますか?

Answer 1

containmentドラッグ可能なプラグインのパラメーターを使用する必要があります。

$('#innerDropzone').draggable({
    containment: "parent"
});

フィドルの例

parentここでは が設定されていますが、必要な要素のセレクターを提供できます。

$('#innerDropzone').draggable({
    containment: "#dropzone"
});