Question

我使用了waypoints插件，但对其他人开放。到目前为止，当我向下滚动时，我已经设法让div消失了，并且它的速度达到了30％：

element.waypoint(function(){            
    $(this).animate({ opacity: 1 }, 500);          
},{
    offset: '30%'
});

但是，当它再次失去视野时，我无法再次淡出它。

感谢您的帮助。

对于强大的stackoverflow来说这是一个太难的问题吗？ ...

Answer 1

当您使用传递给函数的direction参数越过该航点触发点时，您可以执行不同的操作，具体取决于您滚动的方向：

element.waypont(function(direction) {
  if (direction === 'down') { ... }
  else { ... }
}, { offset: '30%' });

您还可以创建具有不同偏移的多个航路点，这样您就可以对击中页面不同部分的元素作出反应：

element
  .waypoint(function(direction) {
    $(this).toggleClass('visible');
  }, { offset: '10%' })
  .waypoint(function(direction) {
    $(this).toggleClass('visible');
  }, { offset: '90%' });

fadeIn in in view，fadeOut只有底部可见时

1 个答案: