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从位置更改为：绝对位置：固定适用于我：

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

Answer 2

jQuery(window).scroll(function() {
    jQuery('#dialog').dialog('option','position','center');    });

在jquery 1.9中为我工作

这假设你的对话框有id =“dialog”

垂直滚动后的jQueryUI Dialog定位

2 个答案: