JQuery动画滚动到div的顶部答案

【问题标题】：JQuery animate to scroll to top of divJQuery动画滚动到div的顶部
【发布时间】：2012-10-07 20:35:11
【问题描述】：

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

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

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

我怎样才能做到这一点？

提前谢谢..

【问题讨论】：

【解决方案1】：

你可以使用Position，像这样：

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

【讨论】：

【解决方案2】：

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

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

对我有用..

感谢发帖的人..

【讨论】：