pass the search result to scrollIntoView

I am keen to pass the search result (if find any) to the scrollIntoView function in jQuery.

I use the code below for the search:

   $input.on("input", function () {
            var searchVal = this.value;
            $content.unmark({
                done: function () {
                    $content.mark(searchVal, {
                        "wildcards": "disabled",
                        "accuracy": "exactly",
                        "iframes": true,
                        "ignoreJoiners": false,
                        "acrossElements": true,
                        "separateWordSearch": false,
                        done: function () {
                            $results = $content.find("mark");
                            currentIndex = 0;
                            jumpTo();
                        }
                    });
                }
            });
        });

here the function jumpTo() is defined as

   function jumpTo() {
            if ($results.length) {
                var position,
                    $current = $results.eq(currentIndex);
                $results.removeClass(currentClass);
                if ($current.length) {
                    $results.scrollIntoView({
                        block: 'center',
                        inline: 'center'
                    });
                }
            }
        }

but it does not work and instead gives me the error below: 19:1380 Uncaught TypeError: $results.scrollIntoView is not a function

I further require the search scrolls to elements one by one if there are more than one results.

Please can you help?

Than you very much for your time.

[Mottie]

Try this - https://jsfiddle.net/Mottie/9k84baqf/

That demo had some weird quirks; but the main point is that scrollIntoView requires a DOM element, not a jQuery element.

$current[0].scrollIntoView({ ... });

[omidMolaverdi]

Hi @julmot. Please can kindly you take a look at this ticket?