-
[티스토리] 상단 스크롤바 만들기🎸 기타/티스토리 관리 2022. 1. 24. 10:03
요즘 티스토리 꾸미는 일에 재미가 들었는데요.
개발하면서 구글링을 하다보면 다른 분들의 블로그를 보게 되는데요.
그때 눈에 들어온게 상단에 보이는 프로그래스바(Progress bar) 였습니다.
스크롤 진행상황이 예쁘게 나오면 좋을 것 같아서 여유가 될 때 넣어보았습니다.
기능을 붙이려면 다음과 같은 작업이 필요합니다.
방법
티스토리 설정에서 html 편집으로 들어가서 html 안에 script를 넣어야 하는데요.
/* START : 프로그래스바 */ <script type="text/javascript" src="https://rawcdn.githack.com/mburakerman/prognroll/0feda211643153bce2c69de32ea1b39cdc64ffbe/src/prognroll.js"></script> <script type="text/javascript"> $(function() { $("body").prognroll({ height: 5, // 스크롤의 두께 설정 color: "#c678dd" // 원하는 색으로 설정 }); $(".content").prognroll({ custom: true }); }); </script> /* END : 프로그래스바 */ /* 주석 */ 부분을 제외한 script만 <head> 태그 안에 넣으면 됩니다.
반응형'🎸 기타 > 티스토리 관리' 카테고리의 다른 글
[티스토리] 오른쪽 스크롤바 없애기 (0) 2022.02.02 [티스토리] 다크모드 적용하기 (0) 2022.01.06
