스크롤 가능한 컨테이너의 자동 스크롤 동작을 관리하는 커스텀 훅입니다.
하단 자동 스크롤 기능과 수동 스크롤 잠금 기능을 제공합니다.
const { containerRef, isScrollLocked } = useScrollToBottom([messages]);return ( <div ref={containerRef} className="overflow-auto"> {messages.map(message => ( <ChatMessage key={message.id} {...message} /> ))} </div>); Copy
const { containerRef, isScrollLocked } = useScrollToBottom([messages]);return ( <div ref={containerRef} className="overflow-auto"> {messages.map(message => ( <ChatMessage key={message.id} {...message} /> ))} </div>);
스크롤 업데이트를 트리거할 의존성 배열
containerRef
isScrollLocked
setScrollLocked
스크롤 가능한 컨테이너의 자동 스크롤 동작을 관리하는 커스텀 훅입니다.
Remarks
하단 자동 스크롤 기능과 수동 스크롤 잠금 기능을 제공합니다.
Example