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

您需要設置reverse到true像這樣：

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'); 
    });