在Firefox上使用SVG触发器的ScrollMagic

Question

我正在创建一个基于SVG图像的动画页面。某些SVG对象设置为在到达某些SVG元素（触发器）时使用GSAP和ScrollMagic显示。

它在Edge，Chrome和Safari中运行良好，但由于某些原因，相同的代码在Firefox（v49，Linux）中不起作用。所有触发器都是重叠的，因此可以同时触发它们。

使用addIndicators（）时，很明显：

（左侧的Chrome ，右侧的Firefox ）

以下是与出现的平面物体相对应的一段代码：

setupPlanes: function() {
    var _this = this;

    var $planes = $('#planes image');
    $planes.each(function() {
        var displace = -50;
        if (this.id.indexOf('nice') !== -1)
            displace = 50;
        var planeTween = new TimelineMax()
            .from($(this), 2, {xPercent: displace+'%', ease: Power1.easeOut})
            .to($(this), 0.3, {autoAlpha: 1}, 0);
        var trigger = this.id.indexOf('plane-saint-tropez') !== -1 ? '#logo-hrr-a' : '#'+this.id+'-a';
        var planeScene = new ScrollMagic.Scene({triggerElement: trigger, reverse: false})
            .setTween(planeTween)
            .addIndicators({name:trigger})
            .addTo(_this.scrollController);
    });
},

由于我不拥有SVG图片，因此我无法轻松设置Codepen，但您可以在此处看到该网页：http://hehgroup.dev.8oclock.fr

感谢您提出的任何指示！