jquery - jqueryの単語一致でプログラムでdivをスクロールする

Question

ユーザーがテキストボックスに単語を入力すると、div 内の一致するすべての単語が強調表示されるようにプログラムを作成しました。ナビゲーションに使用する前と次のボタンがあります。テキストがオーバーフローした場合に備えて、div にはスクロールバーもあります。今私がしたいのは、次のボタンをクリックすると、ページの一番下で単語が強調表示されている場合、jqueryを使用してその特定の単語または要素までスクロールバーを自動的にスクロールすることです。

Answer 1

コードサンプルなしで答えるのは少し難しいです。しかし、おそらく、強調表示された単語をすでに選択する方法があります。その場合は、次のようにスクロールしてください。

$("#nextButtonId").click(function() {
     $('html, body').animate({
         scrollTop: $("#highlightedWordId").offset().top
     }, 1500);
 });