Javascript 赢得的航路点';刷新后,在目标元素上方不触发
我将optioon triggerOnce设置为true,如果我从开始(页面顶部)开始滚动并开始向下滚动,它会像一个符咒一样工作 但是如果我刷新页面底部的页面并开始向上滚动,它不会像从页面顶部向下滚动时那样触发上述目标元素 这是我的代码:Javascript 赢得的航路点';刷新后,在目标元素上方不触发,javascript,jquery,jquery-waypoints,Javascript,Jquery,Jquery Waypoints,我将optioon triggerOnce设置为true,如果我从开始(页面顶部)开始滚动并开始向下滚动,它会像一个符咒一样工作 但是如果我刷新页面底部的页面并开始向上滚动,它不会像从页面顶部向下滚动时那样触发上述目标元素 这是我的代码: $('.anim').each(function(index, elHtml) { var el = $(this); // console.log($(this), el); var _animation = el.data('ani
$('.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
});
});
如果你有解决办法,请告诉我。
感谢您的时间:)这是因为在添加页面加载和航路点时,它们会检查是否已经向下传递,如果已经传递,则会触发航路点。因此,在你的情况下,你击中了向下方向的航路点,它们在向下触发后被摧毁 您用例的“解决方法”是使用
enabled:false
选项创建禁用的代码。然后,页面加载完成后,在航路点上调用enable