jQuery UI 模态对话框应固定在滚动上

Question

是否有可能修复 jQuery UI 的模式窗口，以便当用户使用右侧的滚动条时，后面的一侧滚动，但模式窗口保持固定？

Answer 1

创建一个固定位置的CSS类:

.fixed-dialog{
  position: fixed;
  top: 50px;
  left: 50px;
}

然后在创建对话框时附加该类作为选项的一部分:

$( ".selector" ).dialog({ dialogClass: 'fixed-dialog' });

这是一个工作示例:http://jsfiddle.net/3hrSv/ 该示例不太华丽，因为我无法使用 jsfiddle 来设置对话框的样式。

如果您想让对话框位于屏幕中央，请尝试设置 top:50%; left:50%; 在你的 css 中，按照建议:http://css-tricks.com/320-quick-css-trick-how-to-center-an-object-exactly-in-the-center/