2013-05-30 81 views
1

當我按#download時,#musicDownload div向下滑動並增加頁面高度。之後,我想向下滾動到該div的開頭。
到目前爲止,我只設法向下滾動,只要舊的頁面高度允許。jquery:slideDown增加頁面高度,然後向下滾動

這是我得到的代碼。 (沒有不工作的滾動條)
如果有「更好」的方式,也可以隨意調整代碼。

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

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

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

回答

2

所以我加入一個回調函數到的slideToggle來檢查,如果股利是可見的解決了這個問題。
像這樣:

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