web-dev-qa-db-ja.com

ページの読み込み時にスクロールします

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

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

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

次に、ページが読み込まれたら、

$(document).ready(function(){

    top.location.href = '#top';

});

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

$(window).load(function(){

    top.location.href = '#top';

});

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

jquerygoogle-chromescrollto
8
Alireza

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

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

$("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);
}
18
lewiguez

（私は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>
0
cburyta