jQuery Draggableが画面外にドラッグ

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

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

htmlとbodyタグにはoverflow: hiddenがあります。他に何をすべきかわからない。私は彼らが画面からわずかに滑り落ちることができるようにするために、私は窓に封じ込めオプションを使用しないことを望むだろう。

2013-03-07 teynon

jQuery UI draggableを使用しましたか？ –

これらのウィンドウはjquery draggableを使用しています。 – teynon

コードに掲載されている例では、この問題が示されていないことに注意してください。（固定） – teynon

jQuery UI Draggableを使用すると、Containmentというオプションがあります。その中で、親を指定して、その内部に制約を設定することができます。あなたの場合、親はbodyでなければなりません。

別の方法として、あなたはscroll optionを使用することができます。

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

2013-03-07 07:33:57

私の質問を引用するには：「実際のWindowsのように画面から少し滑り落ちることができるようにするために、私は窓に封じ込めオプションを使用したくない」と言います。マウスが画面をスクロールできるようにする。 – teynon

スクロールしないオプションがあります。あなたは見ましたか？ –

あります。あなたの答えにスクロールを加えなさい。 – teynon

はこれを試してください：あなたの主な要素は、名前のdiv要素であるとしましょう 'mywindowの';

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

2013-03-07 07:39:16 Ihsan

答えて