Question

我将optioon triggerOnce设置为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

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

＆＃34;解决方法＆＃34;对于您的用例，使用enabled: false选项禁用它们。然后，在页面加载完成后，在航路点上调用enable。

刷新后，航点不会触发上面的目标元素

1 个答案: