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

on enter函数在向下滚动时效果很好，但在向上滚动时不能正常工作。根据官方文档，它有两种方式，我可能做错了什么？

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

您需要将var newFileId = dbContext.GetNextFileId();设置为reverse，如下所示：

true

ScrollMagic on Enter无法正常工作

2 个答案: