스크롤 표시기 Scroll Indicator를 만들어보자
이번 주는 프로그래스 바를 업그레이드한 방법으로 예제는 많이 나아 있는 것 같지만, 기록과 정리를 위해 글을 쓰게 되었다. 1. Scroll Indicator( 스크롤 표시기 ) CSS와 자바스크립트를 통해 이 페이지를 어디까지 보았는지 확인할 수 있는 일종의 게이지 바 같은 것이다. 사실 이 명칭을 어떻게 표현이 되는지 잘 모르겠다. 그래서 찾는데 생각보다 오래 걸려 하루 종일 회사 프로젝트에 이 한 가지 구현만 찾게 되었다. 하지만 실상은 너무 간단한 코드였다. document.addEventListener('scroll', () => { progress = document.querySelector('.progress-bar'); let winScroll = document.body.scrollTop..
Front-End/Javascript
2021. 12. 11. 10:00
250x250
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 배열
- 리액트 유튜브
- CSS
- array
- github
- 함수
- 재공부
- react
- Visual Studio Code
- node-sass
- 자바스크립트
- redux
- Switch
- 프로그래머스
- node.js
- 파이썬
- Coding Test
- 리덕스
- programmers
- javascript
- 뷰
- 노드
- java
- node
- 리액트 썸네일
- mongodb
- 리액트
- Git
- 코딩테스트
- 자바
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함