javascript - 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');
    }

这是小提琴