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

Question

在我的代码中，我希望在我滚动的每个部分上元素都将可见，但这并没有发生。在第一部分它工作正常但在第二部分中不是

$('.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 or callbacks 来实现这些动画。这样你就可以使用任何 fullPage.js 配置。

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