jQueryオートスクロールページの上部まで

jQueryを使用して、上部への滑らかで自動化されたスクロール

このシンプルなjQueryコードスニペットは、ウェブページの上部にスムーズで自動化されたスクロールを提供します。なぜそれを使うのですか？長いページのスクロール時間を節約し、視覚的に魅力的なタッチを追加します。 $（ 'html、body'）。 cdn）。

上記のコードスニペットを <script> </script>タグ内に追加します。 #topbar セレクターがページのアンカーリンクと一致することを確認してください。

scrolltop（） do？

scrolltop（）メソッドは垂直方向の位置を取得または設定します。引数なしで使用され、現在の位置を返します。引数（ 0 のような）で、スクロールバーをその位置に設定します。

スクロール速度を制御できますか？

はい、 animate（）メソッドの2番目の引数制御速度： "遅い" 半秒）。 button？

jqueryの click> [/code>メソッドを使用してボタンのクリックイベントに関数を添付し、スクロールをトリガーします。ページに存在します。 <p> <strong>モバイル互換性？</strong> </p> <p>モバイルデバイスで動作しますが、滑らかさはイベント処理の違いがタッチされているため異なる場合があります。 </p> <p> <strong> jQueryフリーの代替品？</strong> </p> <p>純粋なjavascriptは可能ですが、コードはより複雑でクロスブラウザーの互換性が低くなります。</p> <p> <strong>水平スクロール？ <code> scrolltop（）

以上がjQueryオートスクロールページの上部までの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。