如何在触发点调用函数？

Question

当到达一个触发点时，我只是想调用一个函数或运行几条语句来做一些事情，这与界面无关。这是我现在为此目的所做的事情：

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

    // statements go here

    }).addTo(controller);

这是正确的方法吗？

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

Answer 1

稍后我跳到那个问题是因为我在一些项目中遇到了同样的问题。

所以我用两种方法解决了：

使用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
    }
})

如何在触发点调用函数？

How to invoke a function at a trigger point?

scrollmagic