搜索并滚动到页面上的单词

我的客户希望在特定页面上添加一个搜索框，允许用户搜索产品，然后滚动到该文本。 通过这种方式，她可以更轻松地将客户引导至页面的正确部分。

使用Ctrl-F和浏览器搜索function可以轻松完成此操作。 不幸的是，客户希望搜索成为网站的一部分。

关于如何实现这一点的任何建议？ 我很难找到一个wordpress插件，我在互联网上使用的任何JQuery代码都让我失望了。

非常感谢提前！

Answer 1

不确定它的浏览器支持，但你可以调用window.find("your query here")来使用浏览器的Ctrl + Ffunction

更多信息在这里

Answer 2

你可以使用jQuery :contains selector。

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

其中n是第n个匹配。 你可以先获得匹配数，然后按Enter或Tab键，然后滚动到++n match。