問題タブ [scrolltrigger]

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.

0 投票する
0 に答える
120 参照

gsap - ビューポートの下部に到達すると、ScrollTrigger が機能を切り替えます

すする、

サイトのダーク/ライト モードを切り替えるために、 ScrollTriggerでgsapを使用しています。

トリガーがいつ表示されるかを検出する関数を作成しました。

たとえば、.js__trigger-darkは、ユーザーが最初のセクションを 300px 超えてスクロールするとダーク モードを切り替え、ユーザーがクラス.js__trigger-darkのセクションに再度スクロールすると属性を削除します。これは、ユーザーが画面の下部に到達して属性が削除されるまで正常に機能します。

画面の一番下までスクロールすると削除される理由を誰かが説明できますか? 何らかの理由で onEnterBackが呼び出されており、その理由がわかりません。

よろしく、b

0 投票する
1 に答える
50 参照

css - GSAP Timeline のスクローラーとしてイオンコンテンツをバインド

Ionic アプリケーション (v 6.18.1) に GSAP を実装しています。

イオン コンテンツ コンポーネントをスクローラーとして識別する ScrollTrigger を作成できません。

「中心」に設定された開始パラメータと終了パラメータがスクロールによって移動し、スクロールしていないときに中心に戻るという事実のために、いくつかの不具合を伴う回避策を見つけました。

ここに私のコンポーネントのコード:

div.content-scroll を削除し、ion-content をスクローラーとして ScrollTrigger.create()またはグリッチを停止するための何かにバインドしたい!!

私が試した: scroller: document.querySelector('ion-content') ion-content class=".content-scroll"

しかし、マーカーはもう表示されません...

スクロール中にマーカーを停止するにはどうすればよいですか?

いくつかのヒント?

事前にみんなに感謝します!