Przewiń do kiedy strona obciążenie

Question

dostałem kod jQuery z tego linku (koniec strony): How to scroll to top of page with JavaScript/jQuery?

Dlaczego nie można po prostu użyć jakiś element odniesienia na samym początku pliku HTML, jak

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

a następnie, po załadowaniu strony, po prostu zrobić

$(document).ready(function(){ 

    top.location.href = '#top'; 

}); 

Jeśli przewija przeglądarki po Funkcja ta pożarów, wystarczy zrobić

$(window).load(function(){ 

    top.location.href = '#top'; 

}); 

teraz, wszystko działa, ale nie w Google Chrome! jak mogę naprawić ten kod dla Google Chrome? i jak mogę dodać animację do tego kodu? jak szybkość przewijania lub szybkość, powolność itp ...

Answer 1

Jeśli używasz jQuery, możesz użyć scrollTop, aby przewinąć. Jest to metoda, ale może też być animowana. Oto dokumentacja: jQuery API Documentation for scrollTop

Można używać go tak:

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

Albo do animacji:

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

Można ustawić to w każdym obsługi zdarzenia:

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

Lub:

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

Answer 2

(ja polecam lewiguez odpowiedź dał w praktyce, ale nadal nie wiem, dlaczego metoda nie działa w Google Chrome).

To wydaje się działać dla mnie, nie jestem pewien, o obciążeniu okna. Testowałem rzeczywistą linię "top.location.href" po kliknięciu linku.

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

To jest w górnej części strony.

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

I to jest łącze u dołu strony.

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