Angezeigt/Scrollen nach oben Seite in jQuery

Question

ich mit einer Art von mehrteiligen Form eine App bin Entwicklung (Schritt 1, Schritt 2 etc ...)

Was ich tue, ist die Trennung dies in divs, und mit dem Submit-Button verstecken Sie das aktuelle div und zeigen das nächste div.

würde ich die Seite gerne nach oben bewegen (als ob es sich um eine Postbacks waren), wenn der nächste Teil versteckt/zeigt:

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

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

Dies ist jedoch nicht funktioniert wie erwartet.

Answer 1

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

Verwenden Sie dies für den letzten Teil.

verwenden auch .hide("fast"); und .show("fast")

Answer 2

Sie an der Spitze Ihres div bewegen konnte, indem Sie:

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

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