如何删除场景？

Question

有创建场景的代码

function parallaxAuto() {
    var viewer       = document.querySelector('.viewer'),
    frame_count  = 6,
    offset_value = 500;

    // init controller
    var controller = new ScrollMagic.Controller({
      globalSceneOptions: {
        triggerHook: 0,
        reverse: true
      }
    });

    // build pinned scene
    var scene = new ScrollMagic.Scene({
      triggerElement: '#sticky',
      duration: (frame_count * offset_value) + 'px',
      reverse: true
    })
    .setPin('#sticky')
    //.addIndicators()
    .addTo(controller);

    // build step frame scene
    for (var i = 1, l = frame_count; i <= l; i++) {
      var scene = new ScrollMagic.Scene({
          triggerElement: '#sticky',
          offset: i * offset_value
        })
        .setClassToggle(viewer, 'frame' + i)
        //.addIndicators()
        .addTo(controller);
    }
}

我不知道如何通过单击按钮删除场景。我在这里尝试了以下方式：

$('.left_arrr').click(function(event) {
        controller.destroy(reset);
        controller = null;
        scene.destroy(reset);
        scene = null;
    });

我们需要这个，以便仍然有三个块的滑块。

Answer 1

根据 the documentation 你应该传递一个 boolean 值，而你的 reset 值在我看来什么也没有！

scene = scene.destroy(true);
scene = null;
# Also the controller
controller.destroy(true);
controller = null;

这是你应该使用的。

scrollmagic网站上也有很好的例子，check it out

如何删除场景？

how to delete scene?

javascript

scroll

scrollmagic