waypoint.jsは第2セクションでは機能しません

Question

私のコードでは、各セクションでスクロールする要素が表示されますが、これは起こっていません。場合は、2番目のセクションで

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

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

DEMO

Answer 1

を最初のセクションでは、それは完全に働いているが、第2節で、私は実際にwell.Butとしてfullpage.jsを使用していますすべてがwaypoint.js除いて正常に動作していませんthe fullPage.js FAQsを読むと、fullPage.jsオプションscrollBar:trueまたはautoScrolling:falseを使用しない限り、スクロールイベントに依存するライブラリはfullPage.jsで動作しないことに気づくでしょう。

個人的には、これらのアニメーションを実現するためにfullPage.js state classesまたはcallbacksを使用することをお勧めします。この方法で、任意のfullPage.js設定を使用できます。

Here's a video tutorial I made css3アニメーションとfullpage.js状態クラスの使用に関する。