jQuery：SimpleModal 在显示时滚动到底部？答案

【问题标题】：jQuery: SimpleModal scrolls to bottom when displayed?jQuery：SimpleModal 在显示时滚动到底部？
【发布时间】：2013-03-05 19:54:09
【问题描述】：

使用jQuery插件http://www.ericmmartin.com/projects/simplemodal/

我有一个简单的模型 div。当它打开时，div 滚动到文本的底部。这是一个功能吗？如果是这样，当 SimpleModal 显示时，如何让 div 不将内容滚动到底部？

我试图强制它滚动到顶部。

    $(function () {
        $('#agreement-modal-content').modal(
            {
                autoResize: true,
                onShow: function (dialog) {
                    $('#agreement-modal-content').scrollTop();

                }
            }
        );
    });

【问题讨论】：

标签： jquery jquery-ui modal-dialog simplemodal

【解决方案1】：

        $('#agreement-modal-content').modal(
            {
                focus: false,    <<<---- Set to false

【讨论】：

【解决方案2】：

我遇到了同样的问题，因为页面没有定义文档类型，但我通过将模态作为绝对位置进行了修复。由于页面可能会被滚动并且模态可能会被隐藏，所以我们需要在调用显示模态之前将其滚动到顶部。

使用css绝对定位模态：

#simplemodal-container {
position:absolute!important;
top:50px!important;
left:200px!important;
}

首先滚动顶部并调用以显示模态：

// Scroll to top of page so that modal could be visible
$('body').scrollTop(0);

// Show modal now
$('#emailProgress').modal();

【讨论】：