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

标签 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 和 9 - 在 FF 中似乎没问题

使用jquery:1.8.0 用户界面:1.8.23

有什么想法吗? 谢谢

最佳答案

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

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

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

关于jquery-ui 对话框单击时滚动到页面底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12296248/

相关文章:

javascript - jquery 和 jquery UI 有什么区别?

css - 在固定侧边栏内滚动

jQuery UI 对话框 : how to add tabs to content area?

jquery - 如何使 jQuery UI 对话框无法调整大小

ruby-on-rails-3 - jquery-ui 进度条不显示

css - Jquery-tab 异常阻塞我的 div

jquery - 在 Angular2 组件中创建的 jQueryUI 元素样式

Python Tkinter canvas.xview 单位

javascript - 如何检测以 javascript 结束的窗口滚动?

jquery - 对话框 ui 中的复选框不可选中