jquery - 使 jQuery UI 对话框在滚动浏览器时不改变它的位置(相对于浏览器)

Question

当我打开一个 jQuyery UI 对话框时，我可以滚动浏览器并且对话框会改变它相对于浏览器窗口的位置，我想让它相对于浏览器保持在相同的位置

Answer 1

UI 对话框有选项 dialogClass，您可以在其中指定要添加到对话框样式的 css 类。所以你可以定义一个类:

.dialogFixed {
    position: fixed !important;
}

并像这样调用对话框:

$(function() {
    $( "#dialog" ).dialog({
        dialogClass: 'dialogFixed'
    });
});

固定位置应该符合您的要求。

演示:http://jsfiddle.net/MpHN9/

(好吧，没有加载 css，所以对话框看起来很难看，但请注意效果。即使您滚动窗口，对话框仍保持在原位)