javascript - jQueryDraggableは画面からドラッグします

Question

ユーザーがウィンドウのタイトルバーをつかんで右端までドラッグすると、ページが右にスクロールし始めます。これを防ぐ方法はありますか？

再現するには：https ：//jqueryui.com/draggable/ ウィンドウを右にドラッグします。

私はとタグを持っoverflow: hiddenています。ここで他に何をすべきかわからない。画面から少しスライドできるようにしたいので、ウィンドウの封じ込めオプションは使用したくありません。htmlbody

Answer 1

jQuery UI Draggableを使用する場合、 Containmentと呼ばれるオプションがあります。その中で、親を指定することができ、その中でそれを制約する必要があります。あなたの場合、親はである必要がありbodyます。

別の方法として、スクロールオプションを使用できます。

$( "#outlook" ).draggable({ scroll: false });

Answer 2

これを試してください：メイン要素が「myWindow」という名前のdivであるとしましょう。

document.getElementById('myWindow').scrolling = "no";