Javascript查找并滚动到文本

Question

我需要一些Javascript，它会在html页面中找到一些文字，然后滚动到那一点。

所以像“你是自由民主党或托利党的支持者，你对这笔交易有什么看法？”将向下滚动到此bbc新闻页面的页面底部：http://news.bbc.co.uk/1/hi/uk_politics/election_2010/8676607.stm

我希望找到文本和滚动都有内置函数。

Answer 1

试试这个。它适用于您提供的网站：

$(window).scrollTop($("*:contains('Are you a Lib Dem or Tory'):last").offset().top);

它找到包含页面上给定短语的最后一个最深的元素并滚动到它。

Answer 2

您还可以使用 google 使用的工具在访问页面时滚动到并突出显示搜索结果的特定部分。

它会生成一个这样的 URL：

https://www.inc.com/peter-roesler/heres-what-googles-new-highlight-feature-means-for-your-website.html#:~:text=If%20you%20see%20a%20featured,saw%20in%20the%20featured%20snippet.

它有点漂亮。语法似乎是：

https://example.com/#:~:beginning_of_text,end_of_text

有关更多详细信息，请参阅以下博文：

https://web.dev/text-fragments/

80 及更高版本的基于铬的浏览器支持它。因此，目前支持有限，但根据您的用例，它可能会有用。