Javascript 在jquery ui模式对话框上使用浏览器默认滚动条
是否可以使用jQueryUI的对话框,并跨越整个浏览器高度 然后,如果有额外的页面,使用浏览器默认的滚动条上下移动,冻结覆盖后的页面其余部分Javascript 在jquery ui模式对话框上使用浏览器默认滚动条,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,是否可以使用jQueryUI的对话框,并跨越整个浏览器高度 然后,如果有额外的页面,使用浏览器默认的滚动条上下移动,冻结覆盖后的页面其余部分 $(function() { $('#category_modal').dialog({ autoOpen: false, title: 'hello', modal: true, height: auto, width: 500, resizabl
$(function()
{
$('#category_modal').dialog({
autoOpen: false,
title: 'hello',
modal: true,
height: auto,
width: 500,
resizable: false
});
});
不使用默认对话框。您可以使用CSS使对话框100%的高度/宽度和“溢出”文本可滚动。在CSS中,您的对话框将如下所示:
#dialog_box {
width: 100%;
height: 100%;
overflow-y: scroll;
}
如果需要,还可以在对话框中放置iFrame。然而,这并不能完全“冻结”背景中的内容。用户始终可以选择背景并使用鼠标滚轮,或者只需使用浏览器的滚动条。使用overflow-y
将在对话框边缘创建第二个滚动条,滚动其中的内容(如果需要)