問題タブ [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.
javascript - 機関車スクロール機能トリガー
機関車のスクロールで要素が表示されているときに関数をトリガーする方法を誰か教えてもらえますか、私は初心者です、詳しく説明してください、事前に感謝します
svg - Locomotive Scroll でデータ スクロールを使用した SVG パス アニメーション
SVG 要素がビューポートに入ったときに SVG パスをアニメーション化しようとしています。Web サイトで Locomotive Scroll を使用しています。ビューポートでの要素検出を可能にする Locomotive Scroll の data-scroll を使用してみましたが、残念ながらブラウザーの開発コンソールを確認すると.is-inview、ビューポートにあるときに SVG 要素に適用されるクラスがありません。
(SVG と SVG パスの両方に data-scroll を追加しようとしましたが、まだ応答がありません)。
nuxt.js - LocomotiveScroll と Gsap を使用した Nuxt
私はlocomotive-scrollとGsapを Nuxt プロジェクトに実装するのに苦労しています。DOM と SSR と関係があると私は信じています。scrollproxy Gsap から Nuxt、機関車まですべてのドキュメントをチェックしましたが、これ以上の手がかりはありません。
何かお勧めがあれば、助けていただければ幸いです。お時間をいただきありがとうございます。
ここにエラーがあります
TypeError: 未定義のプロパティ 'scroll' を読み取れません
Uncaught TypeError: _triggers[_i].update は関数ではありません
Uncaught TypeError: 未定義のプロパティ 'match' を読み取れません
plugins/locomotive.js で作成
nuxt.config.js で設定
app.vue に追加
app.vue のマウントされたフックで発火