使用 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/