jQuery UI Dialog - ダイアログ内でスクロールしている間に親ページがスクロールしてしまいます。

Question

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");
}
}
});
});

Answer 1

以下をお使いください！

$('#dl').dialog({
width: 800,
height: 550,
minHeight: 500,
maxHeight: 800,
minWidth: 500,
maxWidth: 900,
modal: true,
buttons: {
"Cancel": function () {
$(this).dialog("close");
}
},
open: function(){
$("body").css("overflow", "hidden");
},
close: function(){
$("body").css("overflow", "auto");
}
});