Question

在所有浏览器中，除了IE11之外，此jQuery在滚动到触发器元素时，可以向具有类running的元素添加新类paused。

触发元素设置在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添加类。因此，如果它是PNG / JPEG等，ScrollMagic可以在IE11中工作，但不适用于SVG。

ScrollMagic无法在IE11

1 个答案: