-
See the Pen 페이지 인디케이터 스크롤 by kimyangsun (@kimyangsun) on CodePen.
https://codepen.io/kimyangsun/pen/vYEqWee
페이지를 이동하면서 측면에 메뉴나 상단 메뉴나 해당 컨텐츠에 표시가 되는 사이트를 많이 봤습니다.
해당 효과를 구현시킨 페이지 인디케이터 스크롤 소스입니다.
스크롤을 확인하고 그 스크롤과 메뉴, 그리고 컨텐츠들을 연관시켜 구현시킬 수 있습니다.
자세한 코드는 링크를 통해 확인할 수 있습니다.
'코딩 기록 > 코딩 소스 [HTML & CSS & JS]' 카테고리의 다른 글
(HTML / CSS / Javascript / jQuery ) slick 슬라이더 심화 예제 (프로그레스 바 + 재생, 정지 버튼) (2) 2020.02.09 (HTML / CSS) text-overflow : ellipsis 사용 코딩소스 (0) 2020.02.09 (jQuery를 이용한 슬라이더) 퍼센트 게이지가 차면 넘어가는 슬라이더 소스 (정지 가능) (0) 2020.02.02 스크롤리파이 (Scrollify) 헤더와 푸터 부분 스크롤 적용시키기 (0) 2020.02.02 (유용한 코딩소스) 특정 엘리먼트가 최상단점에서 부터 얼마나 떨어져 있는지 측정하는 방법 (0) 2020.01.26 댓글