首先...。我喜欢这个图书馆！感谢janpaepke。我希望很快有一个很棒的展示站点。
我只是想开始讨论Firefox中的性能问题以及人们如何克服这些问题。具体来说，Firefox似乎同时要应对多种转换，而Chrome和Safari则不会。我是ScrollMagic的新手，所以我还不知道它的局限性。
以下是产生抖动的代码：
myAnimation.to(".my-svg", 1, {scale: 7, opacity: 0.5})
.to(".my-photo", 1, {opacity: "0.8", scale: 1}, 0)
.to(".my-progress-bar", 1, {width:"100vw"}, 0);
我可以提供一支笔，但我认为这不是必需的。这里是过渡：
正如我所说，Chrome和Safari可以轻松处理这些多个转换。 Firefox无法使用。实际上，我将100％必须删除Firefox的某些过渡。我尝试从前两个元素（滚动或不透明度）中丢失两个过渡之一，并且当它只是不透明度时，性能有所提高，但它仍然在缩放方面遇到困难。
这是众所周知的Firefox吗-无法一次处理多个转换？它是否遇到某些过渡？其他人是否满意？有没有办法稍微改变一下方法使其更平滑？我正在考虑将这三个过渡隔离开来，即使它们被覆盖并同时发生... FF会更好地分别处理它们吗？
任何见识表示赞赏。同时，我将深入研究文档并构建一些变体。
编辑：
建立小提琴使我注意到，该问题仅在大屏幕尺寸时才出现。我遇到麻烦的原始站点可以在Macbook pro 13“上正常使用，但是在imac 27”上的完整尺寸非常差，您可以在小提琴中找到它。请使小提琴结果窗口尽可能大，然后在Chrome和Firefox中进行比较。
https://jsfiddle.net/doughballs/vfup1624/
对此表示歉意。我无法在实际网站上完全复制该问题的严重性，但是您会发现Chrome体验和Firefox体验之间存在明显差异。另外，如果您在固定部分上上下滚动，您会看到页面顶部的文本非常简短地落在固定部分上（仅在Firefox中），并且仅在非常大的屏幕尺寸下出现。如果您将小提琴全屏显示，将会发现Firefox处理质量的下降。在任何屏幕尺寸下，Chrome都不会降低性能。因此，这是一个新发现，也许是当显示宽度可能在1700px以上时，为什么FF在过渡过程中苦苦挣扎的线索。