我有一个简单的函数,在点击一些问题后加载并且它工作正常,但我想在问题结尾处将页面滚动到.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
的锚点
答案 0 :(得分: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');
}
这是fiddle