Javascript 如何使灯箱在打开时具有滚动至顶部效果？

我正在使用基于jQuery的lightbox\u me脚本。由于我的lightbox链接位于页面的底部，因此我希望当有人单击打开lightbox的链接时，可以滚动到顶部效果。因此，基本上lightbox将显示在父页面的顶部

我已经设置了一个干净的演示，可以在这里找到：

$（函数（）{
函数启动（）{
$（“#注册”）。lightbox\u我({
对,，
onLoad:function（）{
$（“#注册”）.find（'input:first'）.focus（）
}
});
}
$（'#try-1'）。单击（函数（e）{
$（“#注册”）。lightbox\u我({
对,，
对,，
onLoad:function（）{
$（“#注册”）.find（“输入：第一”）.focus（）；
}
});
e、 预防默认值（）；
});
$（'table tr:nth child（偶数）'）.addClass（'stripe'）；
});
向下滚动页面以查找lightbox链接

我能看看身份证吗？
请使用下面的表格登录
用户名：
密码：
感觉被冷落了吗？
不要难过，只是为了注册！

---

添加一个

scrollTop

语句以滚动到页面的开头。

我收到了以下错误：ReferenceError:body未定义$（body）。scrollTop（0）；正文需要用引号括起来，如：$（'body'）。scrollTop（0）@Hiram Hibbard ok已更新，没有收到任何错误，但在单击lightbox链接时它不会滚动到顶部。@LyesD这对我有效：$（'try-1'）。on（'click'，function（）{$（'body'）。scrollTop（0）；}）；我还在你的页面上尝试了阿努巴夫的答案，这对我也很有效。也许您需要将代码包装到文档中，或者将脚本移动到正文的末尾？

$(function () {
    function launch() {
        $('#sign_up').lightbox_me({
            centered: true,
            onLoad: function () {
                $('#sign_up').find('input:first').focus()
            }
        });
    }

    $('#try-1').click(function (e) {
        $("#sign_up").lightbox_me({
            centered: true,
            preventScroll: true,
            onLoad: function () {
                $("#sign_up").find("input:first").focus();
            }
        });

        e.preventDefault();
    });


    $('table tr:nth-child(even)').addClass('stripe');
});


<div style="width:965px; height:1400px; background:#fff">
    <p>Scroll down the page to find the  lightbox link</p>
</div>
<a class="try sprited" id="try-1" href="#">Click to open lightbox</a>
<div style="display:none; height:350px; width:400px; background:#ccc;" id="sign_up">
    <h3 id="see_id" class="sprited" >Can I see some ID?</h3>
    <span>Please sign in using the form below</span>
    <div id="sign_up_form">
        <label><strong>Username:</strong> <input class="sprited"/></label>
        <label><strong>Password:</strong> <input class="sprited"/></label>
        <div id="actions">
            <a class="close form_button sprited" id="cancel" href="#">Cancel</a>
            <a class="form_button sprited" id="log_in" href="#">Sign in</a>
        </div>
    </div>
    <h3 id="left_out" class="sprited">Feeling left out?</h3>
    <span>Don't be sad, just <a href="#">click here</a> to sign up!</span>
    <a id="close_x" class="close sprited" href="#">close</a>
</div>

$('#try-1').click(function(e) {
    $('body').scrollTop(0);
    $("#sign_up").lightbox_me...; // continue with your code here
});