ScrollMagic 在 IE11 中不起作用答案

【问题标题】：ScrollMagic not working in IE11ScrollMagic 在 IE11 中不起作用
【发布时间】：2017-06-20 11:59:12
【问题描述】：

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

【问题讨论】：

标签： javascript jquery html css scrollmagic

【解决方案1】：

回答，没有解决方案。

您不能使用 jQuery/JavaScript 在 IE11 中向 SVG 添加类。因此，如果 ScrollMagic 是 PNG/JPEG 等格式，则 ScrollMagic 可以在 IE11 中工作，但不是 SVG。

【讨论】：