waypoint.js 在第二部分不起作用

Question

在我的代码中，我希望在每个部分上滚动元素将可见，但没有发生。在第一部分它运行良好，但在第二部分没有，我实际上也在使用 fullpage.js。但是除了第二部分的 waypoint.js 之外一切都正常

$('.ianimator').waypoint(function() {
  $('.ianimator').addClass('animated fadeIn');   
},{offset:'90%'});

$('.secmator').waypoint(function() {
  $('.secmato').addClass('animated fadeIn');   
},{offset:'90%'});

DEMO

Answer 1

如果您阅读the fullPage.js FAQs，您会意识到依赖滚动事件的库将无法在 fullPage.js 中工作，除非您使用 fullPage.js 选项 scrollBar:true 或 autoScrolling:false。

我个人建议您使用fullPage.js state classes 或callbacks 来实现这些动画。这样您就可以使用任何 fullPage.js 配置。

Here's a video tutorial I made 关于 css3 动画和 fullpage.js 状态类的使用。