jquery-ui对话框在单击时滚动到页面底部

Question

我有一个asp.net页面上有相当数量的东西,它在jquery对话框iframe中打开另一个页面.通过以下方式打开对话框

<a onclick="OpenDialog(params);return false;">click to open dialog<a/>

function OpenDialog(params){
    var url ='Detail.aspx?params;
    $('#frmDialog').attr('src', url);
    $( "#dialog-modal" ).dialog({
        height: 500,
        width: 950,
        title: 'Details',
        modal: true,
        close: function(a,b){refreshPage();}
    });
    return false;
}

除了单击链接之外,所有工作都完美无缺,"父"页面在屏幕高度跳跃,然后您必须向上滚动到对话框 - 这是在IE 8和9中 - 似乎没有问题FF

使用jquery:1.8.0 ui:1.8.23

有任何想法吗？谢谢

Answer 1

最终编辑了 jquery-ui css 并将绝对定位更改为固定..达到了我的目的。

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

到

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