jquery-ui - 垂直スクロール後のjQueryUIダイアログの配置

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; }