jquery - JQuery动画滚动到div的顶部

Question

我有一个隐藏的 div，.model-detail-panel 在单击 .span 时会显示出来。

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

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

我怎样才能做到这一点？

提前致谢..

Answer 1

您可以使用Position，如下所示：

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

Answer 2

将@michele-bertoli 建议的代码稍微更改为

$('html, body').animate({scrollTop: $(".model-detail-panel").offset().top
            }, 500);

已经为我工作了..

感谢发帖的人。。