jQuery uiダイアログを使用し、ダイアログを画面外に移動する必要があり、試してみました
$.ui.dialog.prototype._makeDraggable = function() {
this.uiDialog.draggable({
containment: false,
});
};
これは、左と上でうまく機能します。しかし、右と下に移動すると、表示したくないウィンドウのスクロールバーが表示されます。これらを排除する方法はありますか?
jQuery uiダイアログを使用し、ダイアログを画面外に移動する必要があり、試してみました
$.ui.dialog.prototype._makeDraggable = function() {
this.uiDialog.draggable({
containment: false,
});
};
これは、左と上でうまく機能します。しかし、右と下に移動すると、表示したくないウィンドウのスクロールバーが表示されます。これらを排除する方法はありますか?
ここで何が悪かったのかわかりました。これは、以下のコードをcssに追加した後、必要な方法で完全に機能します
body {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow-y: hidden;
overflow-x: hidden;
}
html {
overflow-y: hidden;
background-color: transparent;
}
必要なのは、下と右を0に設定することだけでした
今では魅力のように機能します:)
ドラッグを制限するには、封じ込めを使用する必要があります。
フォーエックス、
$("#dialog").dialog().data("dialog").uiDialog.draggable("option","containment","body");
これを参照してください: http://jsfiddle.net/aXWAj/