問題タブ [locomotive-scroll]
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.
vue.js - Vuejs ディレクティブ内の gsap.scrollTrigger の更新がトリガーされない
滑らかなスクロールには機関車を、アニメーションには gsap を使用しています。ここで、タイプミスをアニメーション化するディレクティブを作成したいと考えました。
私のアプリケーションには、スムーズ スクローラーを作成し、それを gsap と結合するためのこのコードが含まれています ( https://codepen.io/GreenSock/pen/zYrELYeからコピー)
このコードは正常に動作します
ここで、いくつかの種類のアニメーションを簡単に再利用するためのディレクティブを作成したいと考えています。
ディレクティブはロード時に 1 回実行されますが、onUpdate または onEnter 関数を起動することはありません。
ウィンドウのサイズを変更すると、 onUpdate 関数が起動されますが、スクロールでは発生しません。
小さなデモの 追加を更新https://codesandbox.io/s/gsap-scrolltrigger-ihfbg?file=/directives/char-animation.js
私は何が欠けていますか？
javascript - 機関車のスクロール内でスティッキーなイメージに最高の価値を追加することは可能ですか?
Web サイトでいくつかのスティッキー画像を処理するためにスティッキー データ属性を使用していますdata-scroll-stickyが、すべてのスティッキー要素は画面の上部に接着されています。これらのスティッキー要素に対して CSS のように Top 値を追加する方法があるのだろうか?data-scroll-target
どんなアイデアでも大歓迎です:)