問題タブ [intersection-observer]

質問する

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.

421 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
0 に答える
594 参照

javascript - スクロール イベントを使用せずにスクロール位置に基づいて要素を変換する (可能な場合は Css のみ)

現在、サイトのホームページにフルスクリーンのヒーロー画像スライドショーがあります。スクロール位置を取得し、それを 1.5 で割り、視差効果を引き起こす画像の transformY 位置を設定する JavaScript 効果があります。

ここに私が現在持っているコードがあります:

これは私が望むように機能しますが、特にジャダー効果を引き起こす非同期スクロールをサポートするブラウザーでは、パフォーマンスが大きな問題になることに気付きました。

私が知りたいのは、これを実装するためのより良い方法があるかどうかです? 完璧なのは次のようなものですが、CSSだけではこれが可能だとは思いません:

IntersectionObserver も調べましたが、これでやりたいことが実現できるかどうかはわかりません。

どんな考えでも役に立ちます。ありがとう


12345678910