javascript - 查找文本并使用 javascript 滚动到其中

Question

我有一个包含数百行的 div。我想创建一个允许我找到文本并滚动到其中的函数:

function findAndScroll(text)

因此，我在输入文本中输入了想要的文本，然后单击将触发“findAndScroll”功能的“开始”按钮，然后滚动到该文本。

在编码之前，是否有现成的 jQuery 插件或 javascript 库可以做到这一点？

谢谢，

问候。

Answer 1

您可以使用类似 this 的函数找到文本并突出显示它。然后，您可以像这样滚动到突出显示的元素:

var offset = $("#id_of_highlighted_element").offset().top;
window.scrollTo(0,offset);

或者你可以像这样简单地访问 id

window.location = "#id_of_highlighted_element";

但是 window.scrollTo 更灵活，因为您可以将元素设置到页面上您想要的任何位置。