路点在刷新后不会触发以上目标元素

Question

我将选项触发器设置为true，如果我从开始（页面顶部）开始滚动并开始向下滚动，它就像魅力一样工作。

但是，如果我刷新页面底部的页面并开始向上滚动，它不会像从页面顶部向下滚动时那样触发上述目标元素。

这里我的代码：

$('.anim').each(function(index, elHtml) { 
    var el = $(this); 
    // console.log($(this), el); 
    var _animation = el.data('animation'), 
     _duration = el.data('duration') ? el.data('duration') : 1000, 
     _offset = el.data('offset') ? el.data('offset') : 'bottom-in-view'; 
    el.waypoint(function(direction){ 
     el.velocity(_animation, _duration); 
     if(direction == 'up'){ 
     el.velocity(_animation, _duration); 
     } 
    }, { 
     offset: _offset, 
     triggerOnce: true 
    }); 

    }); 

请让我知道如果你有解决方案。 谢谢你的时间:)

Answer 1

这是因为当页面加载并添加Waypoints时，它们检查是否已经向下传递，如果它们已经传递，它会触发航点。所以就你的情况而言，你正在向下的方向击中航点，并且在向下触发后它们将被销毁。

您的用例的“解决方法”是使用enabled: false选项将其禁用。然后，在页面加载完成后，在航点上调用启用。