Skip to content

Implement Horizontal & Nested Scroll Support #44

Description

@bae080311

Summary

Modern web layouts frequently incorporate horizontal scrolling elements and nested scrollable containers. The current jump-section library primarily focuses on vertical scrolling, limiting its applicability. Expanding support to include horizontal scrolling sections and sections within nested scroll areas would significantly increase its versatility.

Proposed Solution

  • Extend the IntersectionObserver setup to correctly monitor and detect intersections for elements configured for horizontal scrolling.
  • Introduce configuration options to specify the primary scroll direction (vertical or horizontal) for different sets of sections.
  • Develop logic to correctly determine the active section within nested scroll containers, potentially requiring dynamic root element assignments for IntersectionObservers.

Acceptance Criteria

  • The library can accurately identify and manage active states for sections within a horizontally scrolling container.
  • Navigation controls (e.g., next/previous section buttons) function correctly for horizontal section groups.
  • Active section detection works as expected for sections embedded within another scrollable element (nested scrolling).
  • Clear configuration options are available to enable and configure horizontal and nested scroll behaviors.

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

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions