jquery - 将对话框移出屏幕

Question

使用 jQuery ui 对话框，并且需要将对话框移出屏幕，尝试使用

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

这适用于左侧和顶部。但是在向右和底部移动时，我得到了窗口的滚动条，我不希望这些滚动条出现，有什么办法可以消除这些吗？

Answer 1

我发现这里出了什么问题。在我将下面的代码添加到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

现在它就像一个魅力:)

Answer 2

您必须使用遏制来限制拖动。

敌人前，

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

请参考：http: //jsfiddle.net/aXWAj/