在页面上查找的功能搜索栏

Question

因此，我有一个网页，它将显示文件夹中的文件。

随着创建的文件越来越多，表将会增长，我希望搜索栏具有功能，并以某种方式突出显示或移动页面以在中心显示搜索到的术语。例如，如果有人键入“ Janet”，它将带他们到“ Janet”。就像网页上的control + f一样。我在这个网站上看了很多东西，但是还没有找到与答案相似的问题。如果重复，请告诉我，谢谢！

Answer 1

假设您的搜索功能返回了一个适合搜索的html元素数组，则可以访问该数组中的第一个元素并在DOM中找到它的位置。

使用element.getBoundingClientRect()查找相对于窗口的位置。添加window.scrollX和/或window.scrollY以使其相对于DOM的位置。

然后，您可以使用window.scrollTo（x，y）将用户滚动到该位置。

将其绑定到您希望滚动发生时执行的功能是有意义的，也许是在用户按下Enter之后（而不是在每个字符输入之后）。