목록page dot (1)

Nephrite21

Intersection Observer API를 활용하여 carousel indicator(dot) 만들기 -1-

Intersection Observer 홈페이지에 적용하기. 현재 블로그 상태이다. 현재 블로그는 scroll-snap을 이용하여 한 페이지(내용이 달라지는 부분마다 페이지로 구분)씩 스크롤 되게 되어있다. 여기서 스크롤을 내렸을 때 현재 스크롤의 위치가 어디인지 알려주고, 클릭 시 이동할 수 있는 Indicator를 우측에 제작할 예정이다. 이 과정에서 현재 index를 Intersection Observer를 통해 받아오고, 이를 활용해서 indicator의 색상변환/애니메이션 활성화 등을 할 수 있는 구조를 만들 계획이다. observer를 통해 현재 인덱스 값을 받아오는 구조를 먼저 만들어 보도록 하겠다. Intersection Observer 등록 가장먼저 할 일은 Intersection Obs..
Html-Css-Js 홈페이지 만들기 2023. 3. 29. 19:34
이전 Prev 1 Next 다음