티스토리 - 인디케이터

네 반갑습니다.

플도링 입니다.

 

이번에는 티스토리 - 인디케이터에 대해서 알려 드리도록 하겠습니다.

 

---

인디케이터란?

 

인디케이터란, 위 사진처럼 스크롤을 했다면, 자신이 얼마나 스크롤을 했는지 보여줍니다.

물론 옆에도 스크롤바가 있긴 하지만, 저는 가로로 했을 때가 더 눈에 들어오고 깔끔하게 보이더라고요 :)

 

 

 

 

<!-- 인디케이터 -->
<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: "#555"
        });
        $(".content").prognroll({
            custom: true
        });
    });
</script>
<!-- 인디케이터 -->

소스는 위 사진과 같습니다.

 

여기서 중요한 것은 "height"는 사이즈이고,

"color"는 스크롤바의 색상입니다.

 

이 부분은 자신에게 맞게 잘 설정해 주시면 될 거 같습니다.

 

 

 

 

그리고. 해당 소스는 "HTML"에서 </head> 바로 위에다가 붙여 넣어 주시면 됩니다.