0

私はjquery-uiドラッグ可能を使用しています。ボックスを画面の下部を超えてドラッグすると、本体が下に移動します。これを防ぐにはどうすればよいですか?

試しました...

containment: "*tag*"タグがhtmlまたはbodyである場所にドラッグ可能にすることを試みました。

まだ試しcontainmentてみましたが、レイアウトをdivで囲んでみましたが、これにより、LHS、RHS、および中央のレイアウトのスクロール機能が損なわれます。

この問題は、body-を作成することで解決されposition: static !importantます。これにより、レイアウトが壊れます。

参考までに、jquery-uiのドラッグ可能なページを次に示します。

Cssレイアウト

ヘッダー、固定高さフッター、左右の固定幅スクロール可能、流動的な中央スクロール可能なレイアウトがあります。ヘッダーとフッターは、大きなボディボーダーハックを使用して実現できます。レイアウトについては、この質問を参照してください。固定された左/右、流動的な中央、固定されたフッターを備えた3列のレイアウトを作成するにはどうすればよいですか?

問題の再現。

これが私のフィドルです:http://jsfiddle.net/valamas/LrXCA/

フッターの下にある青いボックスをクリックしてドラッグすると、黒い帯またはさらにピンクの帯が表示されます。

ここに画像の説明を入力してください

4

1 に答える 1

1

scroll: falseドラッグ可能なコンストラクターに渡します。

デフォルトでは、自動スクロールオプションはtrueに設定されていますscroll: false。不要な場合は、ドラッグ可能なオブジェクトを作成するときに指定する必要があります。jQueryのドラッグ可能なページのスクロールオプションを参照してください。

作業中のjsFiddle

于 2012-09-24T22:35:47.063 に答える