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);

对我有用..

感谢那些张贴的人..