Question

I have written a program such that when a user type a word in a textbox all the matching words in a div gets highlighted. I have prev and next button which is used for navigation. The div also have scrollbars in case the text overflows. Now What i want to do is as i click next button and if the word is highlighted at very bottom of the page i want my scrollbar to scroll automatically upto that particular word or element using jquery.

Answer 1

It’s a bit hard to answer without a code sample. But presumably you have some way of selecting the highlighted word already, if that’s the case then you can just scroll to it like:

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