[spikespiegel007]

I'm using mark.js plugin that allows to search text on page, it finds text while you type and if you hit the Enter key, you'll jump to the next result until it has found and highlighted all results.
The only problem is that when it reaches the last result, it gives the search as concluded and the search can't be restarted from the first result if you hit Enter.

I need to be able to scroll back to the first result after the last result has been found (Just like it happens when you're searching something using Google Chrome Find Box (Control + F).

[Working Fiddle] https://jsfiddle.net/70okvfr1/6/

You need to scroll the result tab in the fiddle a little bit, in order to see the Search Box.

The following function is responsible for scrolling between the results, it will jump to the last (Next) found text on page:

 done: function() {
                var mark = $('mark[data-markjs]').last();    // Scroll to last <mark>
                if (mark.length) {
                    $('html,body').animate({scrollTop: mark.offset().top-100}, 100);
                }
            }

This one is responsible for using the Enter key to trigger the previous function:

if(e.which==13){ // 13 = enter key
            e.preventDefault();
            arrowOffset++;
        }

thanks in advance.

[ArtificialSoldier]

Part of the handler for the enter key should check if it is on the last match and, if so, set the counter back to 1.

[spikespiegel007]

ArtificialSoldier, on 30 June 2016 - 03:51 PM, said:

Part of the handler for the enter key should check if it is on the last match and, if so, set the counter back to 1.

This is the solution I've got, but now the page won't automatically scroll when I type in the search box:
https://jsfiddle.net...iford/p3026h8s/

[ArtificialSoldier]

Debugging on jsfiddle is a pain in the ass, but I would suggest adding some breakpoints to your event handler to see what happens when you press a key.