Question

我试图逐渐淡入我的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%' });

Answer 1

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

尝试更改：

$($portfolioRow).find( etc.

为：

$(this.element).find( etc.

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

我的小提琴使用vanilla JS Waypoints语法（由于某些原因，我无法使用Waypoints jQuery语法在JSFiddle中工作），但$(this.element)应该以任何方式工作。

动画中的类动画

1 个答案: