Rallentare scorrere fino all'evento superiore di jQuery animate

Question

Vorrei che la mia pagina venisse visualizzata in alto quando si fa clic su un certo punto di ancoraggio.

Ecco come ho provato a farlo ma non funziona, lo scorrimento è super veloce.

$('a[href=#top]').click(function() { 
     $('body').animate({ 
       scrollTop: 0 
     }, 
     50); 
}); 

Voglio rallentarlo.

Answer 1

$('a[href=#top]').click(function(){ 
    $('html, body').animate({scrollTop:0}, 'slow'); 
}); 

Forse?

Answer 2

Quando si passa 50 come secondo parametro da animare, vale 50 millisecondi. Vedere la documentazione animate. Passa un numero più grande o, come suggerito da DM, passa semplicemente "lento".

Answer 3

è possibile impostare il tempo per il top di scorrimento

$('a[href=#top]').click(function(){ 
$('body').animate({ 
    scrollTop: 0},4000);}); 

Answer 4

$('a[href=\\#top]').click(function(){ 
    $('body').animate(
    { 
     scrollTop: 0 
    }, 
    2000 
); 
}); 

Il # deve essere sfuggito \\ #.