javascript - 如何使用 javascript 和 angularjs 查找视口(viewport)中的元素 ID

Question

我有一个带有垂直滚动条的 HTML 页面。我需要使用 java 脚本和 Angular js 获取出现在视口(viewport)(HTML 的可见部分)中的元素 ID。

Answer 1

您必须对要测试的每个节点使用 getBoundingClientRect() 方法，然后测试它是否在视口(viewport)边界内。已经有一个图书馆这样做了，下面是他们是如何做到的:

https://github.com/zeusdeux/isInViewport/blob/master/src/index.js#L70