jQuery UI模式对话框应固定在滚动上
jQuery UI模式对话框应固定在滚动上
提问于 2011-09-28 21:53:46
有没有可能修复jQuery UI的模式窗口，因此当用户使用右侧的滚动条时，后面的滚动条会滚动，但模式窗口保持不变？
回答 4
Stack Overflow用户
回答已采纳
发布于 2011-09-28 21:58:02
创建一个具有固定位置的css类：
.fixed-dialog{
position: fixed;
top: 50px;
left: 50px;
}然后在创建对话框时将类附加为选项的一部分：
$( ".selector" ).dialog({ dialogClass: 'fixed-dialog' });下面是一个实用的示例: jsfiddle这个示例并不太华丽，因为我无法让http://jsfiddle.net/3hrSv/设置对话框的样式。
如果你想让对话框居中显示在屏幕的中间，尝试按照http://css-tricks.com/320-quick-css-trick-how-to-center-an-object-exactly-in-the-center/的建议在你的css中设置top:50%; left:50%;。
Stack Overflow用户
发布于 2013-11-28 01:13:47
如果希望所有对话框都具有此行为，可以修改jquery.ui.dialog.css文件。
更改：
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }至：
.ui-dialog { position: fixed; padding: .2em; width: 300px; overflow: hidden; }或者，如果您想保留原始文件，只需添加以下行：
div.ui-dialog {position:fixed;} 添加到页面引用的某个css文件，或页面上的样式块。
Stack Overflow用户
发布于 2016-07-15 21:23:29
或者在创建CSS时应用它：
$("#Modal").dialog({
autoOpen: false,
width: 500,
height: 'auto',
position: [50, 150],
create: function (event) {
$(event.target).parent().css({ 'position': 'fixed', "left": 50, "top": 150 });
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7584362
复制相关文章
相似问题