問題タブ [scrollmagic]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - snap.svg と scrollmagic を使用した形状のアニメーション化
ユーザーがスクロールするときにヘッダーをアニメーション化するコードを作成しようとしています。snap.svg と scrollmagic の 2 つの異なるプラグインを使用して、必要なアニメーションを作成することができました。私はこれらの両方に慣れていないので、私の初心者を許してください。
これは CodePen にあります: http://codepen.io/anon/pen/dYbPXe
現在、ページをスクロールするとヘッダーの色が変わり、ヘッダーにカーソルを合わせると形が変わります。形状の変化をスクロールにバインドしたいので、ユーザーがスクロールすると、色だけでなく形状も徐々に変化します。
これは簡単なことかもしれませんが (おそらく不要かもしれません)、あまりにも多くの時間を費やしすぎて、イライラしています。事前にご協力いただきありがとうございます。
編集：質問が明確でない場合はお知らせください。明確にするよう努めます。私は本当にこの効果が欲しいです:(
javascript - Javascript アニメーションが原因で CPU 使用率が高くなる
ScrollMagic ライブラリと GreenSock アニメーション プラットフォームを使用して、単一ページのスクロール アニメーションを作成しています。
アニメーションのコード例を次に示します。
実際のアニメーションはもっと複雑で、約 100 以上のシーンがあります。
プロセッサをかなり集中的に使用することになることは承知していますが、予想以上に使用しているようで、マシンの速度が低下しています。
ここでパフォーマンスに影響を与える明らかなものはありますか?
jquery - アンカー ナビゲーションを使用して 3 つのセクションで ScrollMagic の「自然なワイプ」を利用する
3 セクションのページにナチュラル ワイプを追加しようとしています。セクションのうちの 2 つには、最初は苦労した「追加コンテンツ」があります。これが scrollmagic とナビゲーション リンクで機能するようになったので、残っている唯一の項目は、移動スクロール アニメーションを失うことなく 3 つのセクションをワイプすることです。
このコードペンを見て、目前の問題を説明する必要があります。前もって感謝します！