Scorrere fino a quando la pagina di carico

Question

ho ricevuto un codice jQuery da questo link (fondo pagina): How to scroll to top of page with JavaScript/jQuery?

Perché non basta usare qualche elemento di riferimento, proprio all'inizio del file HTML, come

<div id="top"></div> 

e poi, quando la pagina viene caricata, semplicemente fanno

$(document).ready(function(){ 

    top.location.href = '#top'; 

}); 

Se i rotoli del browser dopo questa funzione incendi, è sufficiente fare

$(window).load(function(){ 

    top.location.href = '#top'; 

}); 

ora, tutto funziona, ma non in Google Chrome! come posso risolvere questo codice per google chrome? e come posso aggiungere un'animazione a questo codice? come velocità di scorrimento o veloce, lento ecc ...

Answer 1

Se si utilizza jQuery, è possibile utilizzare scrollTop per scorrere. È un metodo, ma può anche essere animato. Ecco la documentazione: jQuery API Documentation for scrollTop

Si può usare in questo modo:

$("html,body").scrollTop(0); 

O per l'animazione:

$("html,body").animate({scrollTop: 0}, 1000); 

è possibile impostare questo in ogni gestore di eventi:

$(document).ready(function() 
{ 
    $("html,body").animate({scrollTop: 0}, 1000); 
} 

oppure:

$(window).load(function() 
{ 
    $("html,body").animate({scrollTop: 0}, 1000); 
} 

Answer 2

(vi consiglio la risposta lewiguez ha dato in pratica, ma ancora non so perché il metodo non ha funzionato in Google Chrome.)

che sembra funzionare per me, io non sono sicuro per quanto riguarda il carico della finestra però. Ho provato la vera linea "top.location.href" attraverso il click di un link.

$('#bottomlink').click(function(){ 
    top.location.href="#top"; 
    return false; 
}); 

Questo è vicino alla parte superiore della pagina.

<p id="top">lorem ipsum</p> 

E questo è il collegamento in fondo alla pagina.

<a id="bottomlink" href="#">Bottom Link</a>