ScrollMagicとChromeのGreenSockに関する問題

Question

ScrollMagicとGreenSockのTimelineMaxのアニメーションを行っています。アニメーションはWordPressページにあると考えられます。ただし、Chromeでページを開いているときにアニメーションに何らかの不具合があります。この問題は、SafariとFirefoxでは発生しません。私はIEのためにテストすることはできません。

この問題がどのように見えるかです：

そして、これは見えるように想定される方法です。

タイトルあなたのウェブサイトと最も下の部分は上昇し、2上部が下に移動します。私が言ったように、それはSafariとFirefox上で完璧に動作しますが、Chrome上では問題を解決するために上下にスクロールする必要があります。しかし、私たちのページのユーザーは最初にスクロールしたときにアニメーションが正しく表示されないので、これは私たちにとっては受け入れられません。

Hereは、アニメーションのJSFiddleです。今、これはおそらくJSFiddleでは問題なく動作しますが、これをWordPressページに置くと、最初のイメージのように見えます。誰かがこれがどうして起こるかの手がかりを持っていますか？

Answer 1

私は解決策を見つけました:)私は誰かがそれが有用であると思うので、質問を削除したくありません。

解決策は、すべての要素（画像、divs、どこでもCSSのz-indexがあるところ）のz-indexを増やすことです。私はすべての要素に1000を増やしていました。