消えた要素を検知！Intersection Observer v2 実装術
代码预览
P
提示词
Create a demo page that visualizes the visibility state of multiple <div> cards using Intersection Observer v2. Each card should display its current visibility (fully visible, partially visible, not visible) in real-time, with a colored border indicator. Use a scrollable container with randomized card positions.
Intersection Observer v2 は、元のAPIを強化し、intersectionRatio や複数のしきい値（threshold）を設定できるようになりました。このデモでは、ランダムな縦オフセットを持つカードをスクロール可能なグリッドに配置し、可視状態をリアルタイムで色分け表示します。非表示（赤）→ 部分可視（オレンジ）→ 完全可視（緑）と変化するボーダーが、v2の強力な可視性検出を示します。
这个提示对您有帮助吗？
评论
评论将在审核后显示