Html＆JQuery 마우스 스크롤시 프로그래스바
페이지 정보
작성자 디자인천일
작성일Date: 2025-03-26 11:57
조회view: 7
본문
윈도우에서 화면 상단에 프로그래스바가 고정
스크롤를 내릴시 프로그래서바가 진행
화면의 길이를 알 수 있음
css
#scrollprogress {display:block;position:fixed;left:0;top:0;width:0%;height:2px;background:var(--color);z-index:100;}html
<div id="scrollprogress"></div>jQuery/Javascript
var progressIndicator = '<div id="scrollprogress"></div>';
$('body').append(progressIndicator);