ScrollMagicがIE11で動作しない

Question

IE11を除くすべてのブラウザで、このjQueryは、トリガー要素へのスクロール時に、クラスpausedを持つ要素に新しいクラスrunningを追加します。

トリガー要素はdivに設定されます。 Firefox、Safari、Chromeのように、クラスを追加します。しかし、それはIE11、それは引き金にピックアップするようではありません。

これはおそらくIE11とjQuery .readyの問題ですか？

$(document).ready(function() { 

     var scene1 = new ScrollMagic.Scene({triggerElement: "#trigger1"}) 
         .setClassToggle(".svg1 .paused", "running") 
         .addTo(controller); 
     var scene3 = new ScrollMagic.Scene({triggerElement: "#trigger3"}) 
         .setClassToggle(".svg3 .paused", "running") 
         .addTo(controller); 

}); 

$(document).ready(function() { 
    if ($(window).width() <= 991) { 

     var scene2 = new ScrollMagic.Scene({triggerElement: "#trigger5"}) 
         .setClassToggle(".svg2 .paused", "running") 
         .addTo(controller); 

     var scene4 = new ScrollMagic.Scene({triggerElement: "#trigger6"}) 
         .setClassToggle(".svg4 .paused", "running") 
         .addTo(controller); 
    } 
}); 

$(document).ready(function() { 
    if ($(window).width() >= 992) { 

    var scene2 = new ScrollMagic.Scene({triggerElement: "#trigger2"}) 
        .setClassToggle(".svg2 .paused", "running") 
        .addTo(controller); 

    var scene4 = new ScrollMagic.Scene({triggerElement: "#trigger4"}) 
        .setClassToggle(".svg4 .paused", "running") 
        .addTo(controller); 
    } 
}); 

Answer 1

答えなし。

jQuery/JavaScriptを使用してIE11のSVGにクラスを追加することはできません。したがって、ScrollMagicはPNG/JPEGなどであればIE11で動作しますが、SVGでは動作しません。