Chrome 上的 ScrollMagic 和 GreenSock 问题答案

【问题标题】：Issues with ScrollMagic and GreenSock on ChromeChrome 上的 ScrollMagic 和 GreenSock 问题
【发布时间】：2016-06-15 07:42:18
【问题描述】：

我正在用ScrollMagic 和GreenSock 的TimelineMax 制作动画。动画应该进入WordPress 页面。然而，当页面在 Chrome 中打开时，动画会出现一些故障。在 Safari 和 Firefox 中不会出现此问题。我无法测试 IE。

问题是这样的：

这就是它的样子：

标题为您的网站的最底部向上，顶部的两个部分向下移动。正如我所说，它在 Safari 和 Firefox 上完美运行，但在 Chrome 上，您必须上下滚动才能解决问题。然而这对我们来说是不可接受的，因为我们页面的用户在他们第一次向下滚动时不会正确地看到动画。

Here 是动画的 JSFiddle。现在，这很可能在 JSFiddle 中没有问题，但是当我把它放在 WordPress 页面中时，它看起来就像在第一张图片上一样。有人知道为什么会这样吗？

【问题讨论】：

【解决方案1】：

我找到了解决方案 :) 我不想删除这个问题，因为我希望有人会觉得它有用。

解决方案是增加所有元素的z-index（图像、div、css 中有 z-index 的任何地方）。我在每个元素上将它增加了 1000 并且它起作用了。

【讨论】：