Живой поиск jQuery — вернитесь к первому результату после того, как страница нашла все доступные результаты.

Darutan

Пользователь
Регистрация
10.05.13
Сообщения
1
Реакции
0
Баллы
1
Я использую плагин mark.js, который позволяет искать текст на странице, он находит текст во время ввода, и если вы нажмете клавишу Enter, вы перейдете к следующему результату, пока он не найдет и не выделит все результаты.
Единственная проблема заключается в том, что когда он достигает последнего результата, поиск завершается, и поиск невозможно возобновить с первого результата, если вы нажмете Enter.

Мне нужно иметь возможность прокручивать назад к первому результату после того, как был найден последний результат (точно так же, как это происходит, когда вы что-то ищете с помощью окна поиска Google Chrome (Control + F).

[Рабочая скрипка] https://jsfiddle.net/70okvfr1/6/
Вам нужно немного прокрутить вкладку результатов в скрипке, чтобы увидеть окно поиска.
Живой поиск jQuery — вернитесь к первому результату после того, как страница нашла все доступные результаты.
За прокрутку между результатами отвечает следующая функция, она перейдет к последнему (Следующему) найденному тексту на странице:


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

Код (JavaScript):
Этот отвечает за использование клавиши Enter для запуска предыдущей функции:
done: function() { var mark = $('mark[data-markjs]').last(); // Scroll to last <mark> if (mark.length) { $('html,body').animate({scrollTop: mark.offset().top-100}, 100); } }
Код (JavaScript): Спасибо заранее.
 
Сверху Снизу