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或{{ 1}}。

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

关于css3动画和使用fullpage.js状态类的

Here's a video tutorial I made。