追加のnotes_jqueryを使用してWebページのトップコード(複数のメソッド)に戻ります。

以下は、トップに戻る効果の簡単なコード実装とコメントです。
1. 最も単純な静的トップへの戻り。クリックすると、ページの下部に固定配置されてトップに戻る関数が使用されます。
方法 1: 名前付きアンカーをクリックすると、先頭のプリセット ID を持つ先頭要素に戻ります

方法 2: スクロール機能を操作して位置を制御します。スクロールバー (最初のパラメータは水平位置、2 番目のパラメータは垂直位置です)

欠点: リターン効果は次のとおりです。即時に表示され、一般的な閲覧ページのスクロール感覚に準拠しません。
ページの下部に静的に固定されているため、ユーザーに必ずしも表示されるとは限りません。

2. 単純に静的に先頭に戻り、js を使用してスクロール効果をシミュレートし、上にスライドします

欠点: スクロール効果が滑らかではなく、ページが非常に長い場合、クリックすると先頭に戻ります。ページの上部に到達しないと、ページを通常どおり閲覧できなくなります。
上記と同様、ページの下部に静的に固定されており、ユーザーには表示されない可能性があります。

3. 動的オンデマンド読み込みで先頭に戻り、CSS サイド画面の絶対配置をシンプルな jQuery アニメーションと組み合わせて、より良いエクスペリエンスを実現します

コードをコピーします
コードは次のとおりです:

このメソッドはページの高さを決定しますユーザーに表示される画面の絶対位置は CSS スタイルを使用して実現され、よりスムーズなスクロール効果は jQuery の助けを借りて実現されます。さらに考慮すべき点は、ユーザーがブラウザを無効にするように設定した場合、js を無効にした後、3 番目のソリューションを最初のソリューションと組み合わせることができます。無効になっていない場合は、3 番目のソリューションがユーザーに表示されなくなります。 jsコード内の文 最初のオプションを非表示にします。

つまり、長いページは可能な限り避けるべきであり、やむを得ない場合には、「トップに戻る」機能を追加すると、ユーザーのエクスペリエンスが比較的向上する可能性があります。