2016-04-25 11 views
1

私はどのようにシーンを削除するには、ボタンをクリックすることで把握することはできませんシーンシーンを削除するには?

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

を我々はまだ3つのブロックのスライダーがあるだろうというためには、これを必要とします。

+0

あなたはバイオリンを投稿することができますか? –

+0

ライブラリーを見ただけで、コントローラから1つ以上のシーンを削除するための 'controller.removeScene(Scene)'があります。 – choz

+0

https://jsfiddle.net/fnethLxm/1/ @Khaled Al-Ansari –

答えて

0

the documentationによれば、booleanの値を渡す必要があり、resetの値には何も表示されません。

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

これはあなたが使用すべきものです。また

がscrollmagicウェブサイト上で良い例、check it out

+0

https://jsfiddle.net/fnethLxm/1/が機能しません( –

+1

)今すぐチェックhttps://jsfiddle.net/fnethLxm/2/@АлександрКотов –

+0

position:fixed removed ..しかし、シーンは引き続き動作します(@Khaled Al-Ansari –

関連する問題