JQuery动画滚动到div的顶部

web*_*ker 4 jquery jquery-animate

我有一个隐藏的div,.model-detail-panel,点击.span时显示.

$('[class*="span"]').on('click', function () {
        $(this).parent().next('.model-detail-panel').slideToggle()
    });
Run Code Online (Sandbox Code Playgroud)

我想将.animate()合并到此代码中以滚动屏幕,以便显示的div的顶部位于窗口的顶部.

我怎样才能做到这一点?

提前致谢..

Mic*_*oli 14

您可以使用Position,如下所示:

$("body, html").animate({
    scrollTop: $(".model-detail-panel").position().top
});
Run Code Online (Sandbox Code Playgroud)