如何仅在视口外的元素上执行jquery Waypoints？

Question

我有一个块列表，只有当你向下滚动时，它们中的一些才可见。一旦它们进入视口，我需要将那些不可见的尺寸从0％缩放到100％，这是一种延迟的加载效果，而是仅在整个元素而不是图像上。为此，我向waypoint元素添加了一个类。 Waypoints还会在页面加载时在视口中已经存在的元素上添加类。是否可以仅定位视口中已经存在的元素？

这是我使用的功能：

$('.post').waypoint(function(direction) {
    if (direction === 'down') $(this).addClass('animate');
}, { offset: '101%' });

这是示例链接 http://brainfood.clientapproval.co.uk/

如果向下滚动，您将看到该类已添加到视口中已有的元素中。然后，您可以在视口外部的元素上看到所需的效果。有没有办法阻止Waypoint在页面加载时在视口中执行的元素上执行？或者你能推荐其他方法吗？

Answer 1

你应该尝试这个plugin这对你的情况非常有用，它只会告诉你元素是否在视口中（你可以在每次滚动时触发检查）

用法简单如下：

$('#element').visible();

  

如果整个元素可见，则此基本检查将返回true   用户（在可视视口内）。

检查此基本example