滚动浏览器时，使jQuery UI对话框不改变它的位置（相对于浏览器）

Question

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

Answer 1

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

.dialogFixed {
    position: fixed !important;
}

并将对话称为：

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

fixed位置应符合您的要求。

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

（好吧没有加载CSS，所以对话框看起来很难看，但注意效果。即使你滚动窗口，对话框仍保持在其位置）