10

このリンク（ページの終わり）からjqueryコードを取得しました： JavaScript / jQueryを使用してページの先頭にスクロールするにはどうすればよいですか？

htmlファイルの最初にある参照要素を使用してみませんか。

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

次に、ページが読み込まれたら、次のようにします。

$(document).ready(function(){

    top.location.href = '#top';

});

この関数が起動した後にブラウザがスクロールする場合は、単に

$(window).load(function(){

    top.location.href = '#top';

});

今、すべてが機能していますが、グーグルクロームではありません！ どうすればグーグルクロームのためにこのコードを修正できますか？ このコードにアニメーションを追加するにはどうすればよいですか？スクロール速度や高速、低速など...

4

2 に答える 2

20

jQueryを使用している場合は、を使用scrollTopしてスクロールできます。これは方法ですが、アニメーション化することもできます。ドキュメントは次のとおりです。scrollTopのjQueryAPIドキュメント

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

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

またはアニメーション化する場合：

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

これは、任意のイベントハンドラーで設定できます。

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

または：

$(window).load(function()
{
     $("html,body").animate({scrollTop: 0}, 1000);
}
于 2012-06-20T03:49:45.340 に答える
0

（私はlewiguezが実際に与えた答えをお勧めしますが、それでもあなたの方法がgoogle chromeで機能しなかった理由はわかりません。）

それは私にとってはうまくいっているようですが、ウィンドウの負荷についてはよくわかりません。リンクをクリックするだけで、実際の「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>
于 2012-06-20T03:50:40.707 に答える