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

时间:2014-03-18 18:28:05

标签: jquery wordpress search scroll

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

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

有关如何完成此任务的任何建议?我一直在努力寻找一个wordpress插件,我在互联网上使用的任何JQuery代码都让我失望。

提前谢谢!

2 个答案:

答案 0 :(得分:4)

不确定其浏览器支持,但您可以致电window.find("your query here")以使用浏览器的Ctrl + F功能

More info here

答案 1 :(得分:0)

您可以使用jQuery' :contains selector.

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

其中n是第n个匹配。您可以先输入匹配数,然后按Enter或Tab键,然后滚动到++n - 匹配。