代码之家 › 专栏 › 技术社区 › curious1

如何在触发点调用函数?

scrollmagic

1

curious1 · 技术社区 · 7 年前

当到达触发点时,我只想调用一个函数或运行几个语句来做一些事情,这与接口无关。以下是我现在为此所做的:

var scene = new ScrollMagic.Scene({triggerElement: "#some-trigger", triggerHook: 'onLeave', offset: })
   .on('start', function () {

    // statements go here

    }).addTo(controller);

这是正确的方式吗?

问这个问题的原因是我发现Scroll Magic可以是一个独特的事件控制工具。

1 回复 | 直到 6 年前

1

2

Martino 3 年前

所以我用两种方法解决:

使用 enter 或 progress

ENTER 在场景开始时触发。这取决于 triggerHook

scene.on("enter", function (event) {
   console.log("Scene entered.");
});

PROGRESS 每次都是触发器

scene.on("progress", function (ev) {
    if( ev.progress > 0.25){
       //== going farward
    }
    if(ev.progress < 0.25){
      //== going backward
    }
})