jquery：slideDown 增加页面高度，然后向下滚动答案

【问题标题】：jquery: slideDown increases page height, then scroll downjquery：slideDown 增加页面高度，然后向下滚动
【发布时间】：2013-05-30 16:37:31
【问题描述】：

当我按下#download 时，#musicDownload div 会向下滑动并增加页面的高度。之后，我想向下滚动到该 div 的开头。
到目前为止，我只设法在旧页面高度允许的范围内向下滚动。

这是我得到的代码。（没有不工作的滚动）
如果有“更好”的方法，也可以随意调整代码。

$(document).ready(function() {
$("#download").click(function() {
    $("#musicDownload").slideToggle(500);
    return false;
});

$("html").click(function(){
    $("#musicDownload").slideUp(500);
});

$("#musicDownload").click(function(event) {
    event.stopPropagation();
});
});

【问题讨论】：

标签： jquery scroll slidedown scrolltop

【解决方案1】：

所以我通过向 slideToggle 添加一个回调函数来检查 div 是否可见来解决它。
像这样：

$("#download").click(function() {
    $("#musicDownload").slideToggle(500, function(){
        if($("#musicDownload").is(":visible")){
            $("html, body").animate({scrollTop: $("#download").offset().top},500);
        }
    });
    return false;
});

【讨论】：