3

jQuery uiダイアログを使用し、ダイアログを画面外に移動する必要があり、試してみました

$.ui.dialog.prototype._makeDraggable = function() { 
this.uiDialog.draggable({
    containment: false,
    });
};

これは、左と上でうまく機能します。しかし、右と下に移動すると、表示したくないウィンドウのスクロールバーが表示されます。これらを排除する方法はありますか?

4

2 に答える 2

3

ここで何が悪かったのかわかりました。これは、以下のコードを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に設定することだけでした

今では魅力のように機能します:)

于 2013-01-29T06:42:27.503 に答える
2

ドラッグを制限するには、封じ込めを使用する必要があります。

フォーエックス、

$("#dialog").dialog().data("dialog").uiDialog.draggable("option","containment","body");

これを参照してください: http://jsfiddle.net/aXWAj/

于 2013-01-18T10:30:23.193 に答える