-
Notifications
You must be signed in to change notification settings - Fork 0
Open
Description
問題概要
- Safariでのみ、一部セクションが正常に表示されない
詳細
- 該当要素は
IntersectionObserverのinView判定に依存 rootMarginを-1000pxのような大きな負値に設定している
Line 18 in 1d3b666
if (window.innerWidth >= 1280) return "-1000px"; - 対象要素の高さは約
300px
原因
- Safari は
IntersectionObserverのrootMargin設定が極端なマイナス値だと、inView判定が正常に機能しない - 他ブラウザ(Chrome/Firefox)では動作するが、Safari では判定ロジックの違い・バグにより発火しない可能性が高い
解決策
rootMarginの絶対値を(おそらく)対象の高さ以内に抑える必要がある- ex)
-1000px->-300px程度に修正
- ex)
- 値を調整した上で Safari・他ブラウザ双方で動作確認を行う
Copilot
Metadata
Metadata
Assignees
Labels
No labels