如何在触发点调用函数?

时间:2017-10-07 16:54:04

标签: scrollmagic

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

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

    // statements go here

    }).addTo(controller);

这是正确的方法吗?

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

1 个答案:

答案 0 :(得分:2)

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

所以我用两种方式解决:

使用 enterprogress 事件

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