如何按类型/类选择最接近浏览器窗口顶部的元素？

Question

即。如果您的浏览器窗口中有7个H2标题可见。我想选择最靠近窗口顶部的那个。 （第一个可见元素）。 DOM命令并不重要。

我想在滚动时更新此值。即因为新元素成为最顶层（最接近浏览器窗口的顶部）元素。

Answer 1

我会在这里为你列出一个大纲，我会让你填写代码：

1）检查每个h2元素是否在屏幕上可见。这是一个执行此操作的jQuery插件，或者您可以编写自己的代码： https://github.com/customd/jquery-visible

2）对于屏幕上可见的每个h2元素，检查其相对于浏览器窗口的垂直偏移量。具有最小垂直偏移的那个是最靠近顶部的那个。 https://api.jquery.com/offset/

3）如果要在滚动时更新，则需要创建一个onscroll事件处理程序并重复步骤1和步骤1。其中有2个。