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

时间:2012-09-06 08:46:12

标签: jquery-ui scroll jquery-ui-dialog

我有一个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&amp; 9 - 在FF中似乎很好

使用jquery:1.8.0 ui:1.8.23

任何想法? 感谢

1 个答案:

答案 0 :(得分:4)

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

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

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