按鈕在一個div使其他股利滾動錨

Question

我想知道如何使一個股利滾動到另一個股利的錨點。錨的stucture看起來是這樣的：

<a id="organisational_change"></a> 

jQuery的我已經是：

$(document).ready(function(){ 
var consultancyLinks=["organisational_change","organisational_development","executive_coaching","executive_team_development","corp_social_responsibility"]; 
$("#sidemenu_consultancy #sidemenu_consultancy_btn").each(function(){ 
$(this).css('cursor', 'pointer'); 
}); 
    $("#sidemenu_consultancy #sidemenu_consultancy_btn").click(function(){ 
     $('html, body, #content_text').animate({scrollTop: $("#"+consultancyLinks[$(this).index()])},800); 
     }); 

}）;

任何想法？

Answer 1

嗯，你能做到這一點不需要任何JavaScript都：

<a id="organisational_change" href="#id_of_other_element"></a> 

否則，如果你想要一個動畫，做這樣的事情：

$('a').click(function(e) { 
    e.preventDefault(); 

    $('html, body').animate({scrollTop: $($(this).attr('href')).offset().top}, 800); 
}); 

Answer 2

試試下面的代碼

<div id="btn"> 
<button id="btn1"/> 
</div> 

<div id="ancr"> 
<a id="organisational_change"></a> 
</div> 

$(document).ready(function(){ 
$("#btn1").click(function(){ 
    $('body').animate({scrollTop:$("#organisational_change").scrollTop},800); 
    }); 

}）;