jQuery:SimpleModal在显示时滚动到底部?

时间:2013-03-05 19:54:09

标签: jquery jquery-ui modal-dialog simplemodal

http://www.ericmmartin.com/projects/simplemodal/

中使用jQuery插件

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

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

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

                }
            }
        );
    });

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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

使用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();