jquery-ui - 垂直滚动后jQueryUI Dialog定位

Question

我有以下 jqueryui 对话框:

        $("#dialog").dialog({
        bgiframe: true,
        autoOpen: false,
        height: 420,
        hide: 'slide',
        modal: true,
        buttons: {
                            'Annuler': function() {
                $(this).dialog('close');
            },
            'Envoyer votre message': function() {}
}

当我显示它时:

    $('#question-annonceur').click(function() {
        $('#dialog').dialog('open');
    });

它非常集中。但是当我垂直滚动时，它不再居中。
实际上，对话框仍然居中(关于用户设置的滚动条位置)，但是滚动条已经向上滚动到窗口顶部，然后，对话框不再居中(因为它是针对新的滚动条位置)。

有没有我可以设置的属性，这样滚动条就不会像这样在顶部重置？

谢谢。

Answer 1

将 CSS 从 position:absolute 更改为 position:fixed 对我有用:

.ui-dialog { position: fixed; padding: .1em; width: 300px; overflow: hidden; }