스크롤이 도달 했을 때 bar가 자동적으로 차게하는 방법 질문좀 드리겠습니다..

Question

얼마전에도 질문했었는데 해답을 찾지를 못해서 ㅜㅜ 다시한번만 질문드리겠습니다..스크롤이 일정부분에 도달했을 때 bar가 자동적으로 차오르게 하는 효과를 찾고 있는데 혹시 알고있는 예제나 그런 기법을 알고 계시면 도움을 주시면 감사드리겠습니다 ㅜㅜ..animation 효과를 사용하면 된다고 저번에 어떤 선배님께서 알려주셨는데 도통 어떻게 사용해야할지를 모르겠어서 헤매고있네요 ㅜㅜ,,

닦붕 · Answer

스크롤이 일정부분에 도달했는지 판단하는 이벤트가 어려우신건가요?아니면 프로그래스바가 자동으로 채워지는 애니메이션이 어려우신건가요?

S_J · Answer

현재 스크롤 높이와 일정 부분의 높이를 비교해서 얼마나 차오르게 해야 하는지를 계산해 보세요.

캐티 · Answer

https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API이 api 사용을 추천하빈다.스크롤을 하여 엘리먼트가 적절한 위치에 표시될 때 시그널을 받을 것이빈다.

스크롤이 도달 했을 때 bar가 자동적으로 차게하는 방법 질문좀 드리겠습니다..

3개의 답변

#progressbar 목록