スクロール（ページの最後）ページのロード

Question

は、私は、このリンクからjqueryのコードを得たときに：あなただけ HTMLファイルの先頭にいくつかの参照要素を使用していないのはなぜ How to scroll to top of page with JavaScript/jQuery?

、その後、同様

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

と、ページの負荷は、単に行う

$(document).ready(function(){ 

    top.location.href = '#top'; 

}); 

この機能が起動した後、ブラウザのスクロールは、あなたは、単に

今

$(window).load(function(){ 

    top.location.href = '#top'; 

}); 

を行い、すべてがグーグルクロームで働いたがされていない場合は！ Google Chromeでこのコードを修正する方法はありますか？ このコードにアニメーションを追加する方法はありますか？スクロール速度や速い、遅いなど...

Answer 1

jQueryを使用している場合は、scrollTopを使用してスクロールできます。それは方法ですが、アニメーション化することもできます。 jQuery API Documentation for scrollTopが

あなたがそうのようにそれを使用することができます：

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

またはアニメーション化：

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

：

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

あなたはどんなイベントハンドラでこれを設定することができ、ここでドキュメントがあります

または

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

Answer 2

（私はあなたの方法は、グーグルクロームで動作しなかった理由を回答lewiguezは必ず実際に与えたが、まだありませんお勧めします。）

私のために働いているようだ。つまり、私はわかりませんしかし、ウィンドウの負荷について。私はリンクのクリックで実際の "top.location.href"行をテストしました。

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

これはページの上部にあります。

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

これはページ下部のリンクです。

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