티스토리 블로그 상단에 스크롤바/프로그레스바 넣기!!!

 티스토리 블로그를 둘러보다 보면 마우스 스크롤에 따라 페이지 상단에 진행바가 표시되는 것을 볼 수 있습니다. 이를 구현하기 위해서는 head 태그 안에 간단한 script만 붙여 넣어주면 됩니다.

 

 코드 내의 height로 스크롤바 두께를 조절하고 color에 원하시는 색상을 넣으면 됩니다.

<script type="text/javascript">
    $(function() {
        $("body").prognroll({
            height: 4,
            color: "#F07178"
        });
        $(".content").prognroll({
            custom: true
        });
    });
</script>