在JS動畫/序列後滾動到一個特定的錨點

Question

我有一個簡單的函數，加載一些被質疑的點擊後加載，它工作正常，但我想滾動頁面錨點與.step_button類在結束問題：

<div id="if_one"> 
    <a class="step_button" href="http://link2.com">IF QUESTION 1 = Option 1</a> 
</div> 
<div id="if_two"> 
    <a class="step_button" href="http://link1.com">IF QUESTION 1 = Option 2</a> 
</div> 
<div id="if_three"> 
    <a class="step_button" href="http://link1.com">IF QUESTION 1 = Option 3</a> 
</div> 

我認爲這將有改變的JavaScript的部分是：

function run_loading_4(q1) { 
    $('.run_loading_4, .loading').hide(); 
    $('.li_run_loading_4, li_run_loading_5, .run_loading_5, .show_end').fadeIn(); 
    $('#' + q1).show(); 
} 

但我不知道。我還發現了一種包括 JSFIDDLE所以應該比較容易Ë出來，我加了一堆<br />的小提琴，以確保工作的解決方案將滾動到錨step_button

Answer 1

更改的功能是這樣的：

function run_loading_4(q1) { 
     $('.run_loading_4, .loading').hide(); 
    $('.li_run_loading_4, li_run_loading_5, .run_loading_5, .show_end').fadeIn(); 
    $('#' + q1).show(); 
     $('html,body').animate({ 
     scrollTop: $("#"+q1).offset().top}, 
     'slow'); 
    } 

這裏是fiddle