jquery:slideDown增加页面高度,然后向下滚动

时间:2013-05-30 16:37:31

标签: jquery scroll slidedown scrolltop

当我按#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();
});
});

1 个答案:

答案 0 :(得分:2)

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

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