有没有办法获取当前在具有特定类的视口中可见的元素列表

Question

我的文档中有超过2000个html元素，其中包含“abc”类。 当我滚动（向上/向下）我想要在我的视口中出现的具有类'abc'的html元素列表，因为我想对视口中存在的那些元素执行一些活动而不是所有元素与班级'abc'

Answer 1

您可以使用此处的Viewport插件：http://www.appelsiini.net/projects/viewport

这是从他们的github下载它的链接： Viewport.js

使用此插件非常简单，要查找视口内的所有.abc元素，只需将:in-viewport添加到选择器中：

$('.abc:in-viewport');

这是一个现场演示： Fiddle

Answer 2

我为此目的创建了一个Viewport类：https://github.com/gburghardt/viewport

它还具有用户停止滚动时的伪事件以及视口更改时的方向。方便移动设备。