waypoint.js가 두 번째 섹션에서 작동하지 않습니다.

Question

제 코드에서는 각 섹션에서 스크롤 할 요소를 볼 수는 있지만 일어나지는 않습니다. 첫 번째 섹션에서는 두 번째 섹션에서, 나는 실제로 늘지 모두가 두 번째 섹션에서 waypoint.js 제외하고는 제대로 작동으로 fullpage.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 옵션 scrollBar:true 또는 autoScrolling:false을 사용하지 않으면 스크롤 이벤트에 의존하는 라이브러리가 fullPage.js에서 작동하지 않는다는 것을 알게됩니다.

이러한 애니메이션을 얻으려면 개인적으로 fullPage.js state classes 또는 callbacks을 사용하는 것이 좋습니다. 이렇게하면 모든 fullPage.js 구성을 사용할 수 있습니다.

Here's a video tutorial I made (css3 애니메이션 및 fullpage.js 상태 클래스 사용)