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

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

对于Ex，

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

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

将对话框移出屏幕

2 个答案: