使用 jQuery Waypoints 淡化所有元素

Question

我想使用 jQuery waypoints 淡入滚动条上的所有元素。当我滚动到图像时，我添加了一个 class 来使它们淡入。为此，我使用 jQuery Waypoints。当我滚动到图像时，console.log 显示 "Scrolled to image" 但无法将 class 和 "this" 添加到图像。

$( document ).ready(function() { 
    $('img').waypoint(function() {
            console.log("Scrolled to Image");
            $(this).addClass("Test");
    },
    {
        offset: '50%',
        triggerOnce: true
    });    
});

Answer 1

回调中的

this指的是航点对象。请尝试 this.element（参见 http://imakewebthings.com/waypoints/guides/getting-started/ - 有专门的部分讨论这个问题）

$( document ).ready(function() { 
    $('img').waypoint(function() {
            console.log("Scrolled to Image");
            $(this.element).addClass("Test");
    },
    {
        offset: '50%',
        triggerOnce: true
    });    
});

使用 jQuery Waypoints 淡化所有元素

Fadein all Elements with jQuery Waypoints

jquery-waypoints