0

.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

4

1 に答える 1

0

関数を次のように変更します。

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

そして、ここにフィドルがあります

于 2013-10-15T02:20:40.110 に答える