动画类，因为它们进入视野答案

【问题标题】：Animate classes as they come into view动画类，因为它们进入视野
【发布时间】：2017-11-17 19:43:14
【问题描述】：

我试图在我的 div 块滚动到视图中时一次一个地淡入我的 div 块，然后它们会在几乎看不见时淡出。

到目前为止，我已经使用 JQuery Waypoints 实现了这一点，但是所有块都同时淡入和淡出，这是因为我的目标是类。

查看我的代码：

// scrolling down
$portfolioRow.waypoint(function(direction) {
    if (direction === 'down') {
        $($portfolioRow).find(".portfolio-block-text").removeClass('no-opacity');
    }
}, { offset: '50%' });

// scrolling up
$portfolioRow.waypoint(function(direction) {
    if (direction === 'up') {
        $($portfolioRow).find(".portfolio-block-text").addClass('no-opacity');
    }
}, { offset: '90%' });

【问题讨论】：

标签： jquery animation jquery-animate scrollview jquery-waypoints

【解决方案1】：

在 Waypoints 处理程序中，您应该能够使用 this.element 访问单个航点元素。

尝试改变：

$($portfolioRow).find( etc.

到：

$(this.element).find( etc.

这是一个小提琴：https://jsfiddle.net/me7ye126/

我的小提琴使用香草 JS Waypoints 语法（由于某种原因，我无法让 Waypoints jQuery 语法在 JSFiddle 中工作），但$(this.element) 应该可以工作。

【讨论】：