My Library Docs

Multi-root Sidebar

flex-layout

  • Getting Started

  • Guides

  • Reference

typed-rx-http

  • Getting Started

  • Guides

  • Reference

global-rx-state

  • Getting Started

  • Guides

  • Reference

webflux-fe-dev-assistant

reactive-mongo-dsl

Scroll Box

Split screen 내부 스크롤 위치를 keyName 기준으로 저장하고 복원합니다.


기본 사용

FlexLayoutSplitScreenScrollBox는 mount 시 저장된 위치로 scrollLeft/scrollTop을 복원하고, scroll 이벤트를 throttle하여 store에 저장합니다.

tsx
가로 wheel scroll

direction="x"를 주면 hover 중 wheel deltaY를 가로 scrollLeft로 변환합니다.

props

keyName

스크롤 위치를 저장/복원할 key입니다.

direction

x 또는 y입니다. x는 wheel을 가로 스크롤로 처리합니다.

isDefaultScrollStyle

true면 라이브러리 기본 scroll style을 사용합니다. 기본값은 false입니다.

className

외부 스타일 클래스입니다. 기본 스타일과 함께 합쳐집니다.

© 2026 Byeolnaerim. All rights reserved.소개개인정보처리방침