jQuery を使用した要素へのスクロール 入力フィールドなどのさまざまな要素を含む Web ページのコンテキストでは、 、および をクリックすると、ページを最後の項目にスムーズに移動するスクロール メカニズムを実装することを目指しています。 ID "#subject" で識別される特定の入力要素。</p> <p>これを実現するには、jQuery ライブラリのアニメーション機能を利用します。次のコード スニペットは、目的の動作を示しています。</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>$("#subject").click(function() { $([document.documentElement, document.body]).animate({ scrollTop: $("#submit").offset().top }, 2000); });</pre><div class="contentsignin">ログイン後にコピー</div></div> <p>説明:</p> <ol> <li>ID「#subject」の入力をクリックすると、アニメーション関数がトリガーされます。</li> <li>この関数は、$([document.documentElement, document.body]) セレクターを使用して HTML 要素と body 要素をターゲットにし、互換性を確保します。 </li> <li>これらの要素のscrollTopプロパティは、ID「#submit」を持つ送信ボタンの「offset().top」プロパティに到達するようにアニメーション化されます。</li> <li>オフセット( ).top プロパティは、ページの上部から送信ボタンまでの距離を返し、その位置まで事実上スクロールします。</li> <li>アニメーションは 2000 ミリ秒続くように設定されています。 (2 秒)、スムーズな移行が作成されます。</li> </ol> <p>注: 提供されたコードでは、ID が「#submit」の送信ボタンがページの最後の項目であると想定しています。そうでない場合は、目的の要素をターゲットにするようにコードを調整できます。</p>
