在jQuery中显示/滚动到页面顶部

时间:2012-04-10 14:53:12

标签: jquery

我正在开发一个带有多部分表单的应用程序(步骤1,步骤2等...)

我正在做的是将它与div分开,然后让提交按钮隐藏当前的div,并显示下一个div。

隐藏/显示下一部分时,我希望页面滚动到顶部(好像是回发):

$('#my_submit_button').click(function (){
    $('#div_one').hide();
    $('#div_two').show();

    //now it should scroll to top of window...
    $(window).scrollTop(100);
});

但是,这没有按预期工作。

2 个答案:

答案 0 :(得分:1)

    $('body').animate({scrollTop : 0},'slow');

在最后一部分使用它。

也使用.hide("fast");.show("fast")

答案 1 :(得分:0)

您可以通过执行以下操作滚动到div的顶部:

$('#my_submit_button').click(function (){
    $('#div_one').hide();
    $('#div_two').show();

    window.location.href = '#div_two';
});