Поиск и прокрутка до слова на странице

Мой клиент хочет добавить окно поиска на определенные страницы, что позволит их пользователю искать продукт, и он будет прокручиваться до этого текста. Таким образом, ей легче направить своих клиентов в нужную часть страницы.

Это легко сделать, используя Ctrl-F с функцией поиска браузеров. К сожалению, клиент хочет, чтобы поиск был частью сайта.

Любые советы о том, как это сделать? Я изо всех сил пытался найти плагин Wordpress, и любой код JQuery, который я использовал в Интернете, не помог мне.

Благодарим заблаговременно!

2 ответа

Не уверен в поддержке браузера, но вы можете вызвать window.find("your query here") чтобы использовать функциональность браузера Ctrl + F

Больше информации здесь


Вы можете использовать jQuery :contains селектор.

$("window").scrollTop($("*:contains('search text here'):eq(n)").offset().top);

где n - n-й совпадение. Вероятно, вы можете получить количество совпадений, а затем нажав enter или tab, затем прокрутите список до ++n -th.

licensed under cc by-sa 3.0 with attribution.