2

ScrollMagicのこの特定のアニメーションを使用しようとしています

http://janpaepke.github.io/ScrollMagic/examples/advanced/parallax_sections.html

しかし、ファイルを適切にロードするのは非常に困難です。ScrollMagic、GSAP、および GreenSock を含めようとしていますが、どういうわけか、ScrollMagic は以前に GASP をロードするように要求し、GSAP は Main Module が見つからないと言い、それ自体の前に ScrollMagic をロードするように要求します。次のようにjQueryと非同期に実行しています

$.getScript( "http://localhost/icons/gsap.js", function( data, textStatus, jqxhr ) {
    $.getScript( "http://localhost/icons/scroll.js", function( data, textStatus, jqxhr ) {
        $.getScript( "http://localhost/icons/greensock.js", function( data, textStatus, jqxhr ) {
          //whatever
        });
    });
});

gsap が最初の場合、次のエラーがログに記録されます。

エラー: ScrollMagic メイン モジュールが見つかりませんでした。このプラグインの前にロードされていることを確認するか、requirejs などの非同期ローダーを使用してください エラー: TweenLite または TweenMax が見つかりませんでした。ScrollMagic の前に GSAP がロードされていることを確認するか、requirejs などの非同期ローダーを使用してください。

これはスクロールマジックがあえぎの前にロードされたときのものです

エラー: TweenLite または TweenMax が見つかりませんでした。ScrollMagic の前に GSAP がロードされていることを確認するか、requirejs などの非同期ローダーを使用してください。

誰かが以前に同じ問題を抱えていましたか？示す実例はありますか？この読み込みの問題を修正して例を機能させるにはどうすればよいですか?

4

2 に答える 2

4

わかりました CDN リンクを見つけるためにここに来ました...ここでは、同じものを望む他の人にとって正しい順序になっています....これらは、ScrollMagic デモが機能するために必要です。

<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/1.20.2/TweenMax.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/ScrollMagic.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/animation.gsap.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/debug.addIndicators.js"></script>
于 2017-08-11T01:38:16.987 に答える