我正在使用
jQuery UI对话框来显示一个包含页面的弹出窗口。当我滚动弹出窗口，如果滚动条到底部，父页面开始滚动。在对话框内滚动时，如何限制父页面滚动？
我已经使用以下代码创建了一个模态对话框。
// Dialog
$('#dialog').dialog({
autoOpen: false,width: 800,height: 550,minHeight: 500,maxHeight: 800,minWidth: 500,maxWidth: 900,modal: true,buttons: {
"Cancel": function () {
$(this).dialog("close");
}
}
});
$('#AddNewItems').click(function () {
var currentURL = getURLOfCurrentPage();
$('#dialog').dialog('open');
$("#dialog").dialog("option","width",800);
$("#dialog").dialog("option","height",550);
$("#dialog").dialog( "option","draggable",false );
$("#dialog").dialog( "option","modal",true );
$("#dialog").dialog( "option","resizable",false );
$('#dialog').dialog("option","title",'My Title');
$("#modalIframeId").attr("src","http://myUrl");
return false;
});
解决方法
这是我用的：
$('#dialog').dialog({
autoOpen: false,buttons: {
"Cancel": function () {
$(this).dialog("close");
}
},open: function(){
$("body").css("overflow","hidden");
},close: function(){
$("body").css("overflow","auto");
}
});
