JQuery desplazarse hasta la parte superior de la página

Question

¿Hay alguna manera de desplazarse mediante programación hacia la parte superior de una página con jQuery? Actualmente estoy tratando de hacer esto con el siguiente código, pero no está funcionando. Estoy usando Firefox Actualmente,

$(window).scrollTop($(document).height()); 

Answer 1

Prueba esto:

$('html, body').animate({scrollTop: '0px'}, 300); 

Usted puede hacer esto con 0 en lugar de 300 ser instantánea, pero esto le da un efecto de auto-desplazamiento rápido.

Answer 2

Simplemente añadiendo un fragmento a la buena respuesta de Nick. Esto muestra su elemento "desplazarse hacia arriba" solo después de que el usuario haya desplazado hacia abajo la página, es decir, estilo Pinterest.

$("#scroll_to_top_button").hide(); // hide on page load 

    $(window).bind('scroll', function(){ 
    if($(this).scrollTop() > 200) { // show after 200 px of user scrolling 
     $("#scroll_to_top").slideDown("fast"); 
    } 
    }); 

Answer 3

No hay necesidad de jQuery aquí. Utilice orígenes:

window.scrollTo(x-coordinate, y-coordinate);

Tenga en cuenta que esto no tiene ningún control sobre la parte animada (duración, etc.) que jQuery proporciona

Answer 4

$('a[href^="#"]').on('click', function(event) { 

var target = $(this.getAttribute('href')); 

if(target.length) { 
    event.preventDefault(); 
    $('html, body').stop().animate({ 
     scrollTop: target.offset().top 
    }, 1000); 
} 

});

Esto, unido al HTML

<div id="top"></div> 
<a href="#top">Click to scroll up</a>