javascript - jquery 航点间隔

Question

我有一个李项目网格，我想在其上应用查询航点的类。我想单独应用该类，以便每个项目都有自己的淡入淡出效果，并具有不同的偏移/间隔。所以我基本上希望每个项目都有自己的路径点。有人有这方面的代码吗？那就太好了!

我的 html 看起来像这样

<div class="item">text</div>
<div class="item">text</div>
<div class="item">text</div>
<div class="item">text</div>
<div class="item">text</div>
<div class="item">text</div>

这是 js。

        $(".item").each(function(){
            var waypoint = new Waypoint({
                element: document.getElementByClass('.item'),
                handler: function(direction) {
                    if(direction == 'down') {
                        console.log(this.element.id + ' triggers at ' + this.triggerPoint)
                        $(this.element).addClass('fade');
                    }
                },
                offset: '90%'
            });
        });

Answer 1

我找到了一种方法。如果有人需要的话，这里有解决方案。

            $(".item").each(function(index){
            $(this).attr('id','item_'+index);
            var waypoint = new Waypoint({
                element: document.getElementById('item_'+index),
                handler: function(direction) {
                    if(direction == 'down') {
                        console.log(this.element.id + ' triggers at ' + this.triggerPoint)
                        $(this.element).addClass('fade');
                    }
                },
                offset: '90%'
            });
        });