0

良い一日！

scrollmagic.js を使用して、この単純なトゥイーンの例を作成しようとしています。ええ、それはjsfiddleで動作します。確かに、scene.addIndicators() を配置して、開始、終了、およびトリガー フックを確認します。それはきれいに動作します。jsfiddle でわかるように:

<div class="container" style="height:1000px;">
    <div class="spacer" style="height:400px;">
        Scroll Down
    </div>
    <div id="trigger1"></div>
    <div id="animate1">Hello World!</div>    
</div>

コンテナーとスペーサーの高さを任意の大きな値に変更してみましたが、トリガー フックは中央にあります。それは良い。Sublime を使用してローカルにコピーを作成してみました。しかし、今私の問題は、スペーサーまたは大きな値を設定すると、ページの下部にトリガー フックが表示されることです。これにより、トゥイーン アニメーションが表示されなくなります。この問題に遭遇した人はいますか？jsfiddle で動作するため、ローカルのセットアップに問題があると思います。これについては、scrollmagic の寄稿者に既に尋ねています。なぜこれが起こるのですか？

前もって感謝します。

4

1 に答える 1