Enhance Section Detection for Tall Content

[bae080311]

Summary

The current active section detection can be inaccurate or inconsistent when a section's height significantly exceeds the viewport. This leads to a poor user experience where the correct section may not be highlighted as active, especially during partial visibility.

Proposed Solution

• Re-evaluate and refine the IntersectionObserver's threshold and rootMargin configurations to better handle tall sections.
• Implement a more robust algorithm to determine the active section, considering factors such as the amount of section content visible within the viewport or the scroll position relative to the section's boundaries.
• Potentially leverage multiple IntersectionObservers or more complex calculations for edge cases.

Acceptance Criteria

• When a section is taller than the viewport, the section primarily visible (e.g., covering more than 50% of the viewport) is correctly identified as active.
• Scrolling within a tall section consistently maintains its active state until another section becomes predominantly visible.
• Transitions between a tall section and a shorter section occur seamlessly and accurately.
• Comprehensive test cases are added to cover scenarios with sections taller than the viewport.

---

🤖 Gemini AI가 자동 생성한 기획 이슈입니다. 구현하려면 ai-implement 라벨을 추가하세요.