ScrollMagic에 제대로

Question

내가 ScrollMagic, 다음 코드를 사용하고 작동하지 않는 입력 : 위로 스크롤 할 때 아래로 스크롤이 아닌 경우

var scene = new ScrollMagic.Scene({ 
    triggerElement: slides[i] 
     }) 
    .setPin(slides[i]) 
    .addIndicators() 
    .addTo(controller) 
    .triggerHook(0.10) 
    .on('enter', function(e){ 
     panel = $(e.target.triggerElement()).prop('id'); 
     $('.circle').removeClass('active'); 
     $('.circle.c-'+panel).addClass('active'); 
    }); 

기능을 입력에하면 완벽하게 작동합니다. 공식 문서를 읽는 것이 두 가지 방법으로 작동하며, 내가 잘못했을 수있는 것은 무엇입니까?

Answer 1

당신이 기능을 "떠나"에 작성해야

,

var scene = new ScrollMagic.Scene({ 
triggerElement: slides[i] 
    }) 
.setPin(slides[i]) 
.addIndicators() 
.addTo(controller) 
.triggerHook(0.10) 
.on('enter', function(e){ 
    panel = $(e.target.triggerElement()).prop('id'); 
    $('.circle').removeClass('active'); 
    $('.circle.c-'+panel).addClass('active'); 
}) 
.on('leave', function(e){ 
    // Your up scroll code here. 
}); 

Answer 2

당신과 같이 true에 reverse를 설정해야합니다

var scene = new ScrollMagic.Scene({ 
    triggerElement: slides[i] 
     }) 
    .setPin(slides[i]) 
    .addIndicators() 
    .addTo(controller) 
    .triggerHook(0.10) 
    .reverse(true) 
    .on('enter', function(e){ 
     panel = $(e.target.triggerElement()).prop('id'); 
     $('.circle').removeClass('active'); 
     $('.circle.c-'+panel).addClass('active'); 
    });