使用 .scrollto 插件时，jQuery 对话框会离开屏幕（使用 jsfiddle 复制）

Question

我需要在窗口滚动到特定元素后显示一个对话框。目前，对话框在页面顶部打开，然后窗口移动到预期元素。这意味着该对话框现在隐藏在页面顶部。

这是 jsfiddle 中重现的问题： http://jsfiddle.net/t5ftM/

有没有办法可以显示对话框当前滚动位置在哪里？

非常感谢！

Answer 1

http://jsfiddle.net/t5ftM/1/

$.scrollTo("#scroll_here", 500, {
    offset: -200,
    onAfter: function() {
        $("#dialog1").dialog({
            autoOpen: true,
            title: 'Create',
            buttons: {
                "Save": function() {
                    $('#form').submit();
                },
            },
            modal: true,
            minWidth: 300,
            minHeight: 100
        });
    }});

Answer 2

您告诉页面滚动...

这一行：

$.scrollTo("#scroll_here", 500, {offset:-200});

自动将页面滚动到 #scroll_here div。并且也会弹出“文档就绪”对话框。如果您不希望页面在加载时滚动，则需要包装其中一个函数，以便它作为回调发生。这将允许一个进程完成，然后显示第二个进程。