[Tistory] Square 스킨 사이드바 스크롤 본문과 따라가게 설정하는 방법

 

수정방법 요약

 

 

 

Square 스킨은 walle((http://wallel.com) wallel@tistory.com)님이 제공하시는 무료 스킨인데 깔끔하기도 하고 가독성도 좋아서 인기가 많고 많은 분들이 이용하신 걸로 알고 있습니다. 저도 이 스킨을 이용해서 1년간 사용해왔는데 사이드바에서 따로 스크롤을 내려서 카테고리를 봐야 해서 항상 불편했었습니다.

그래서 본문 스크롤을 내릴 때 사이드바도 같이 내려가서 카테고리가 보이면 편할 것 같아서 방법을 검색해보았고 이를 해결한 방법을 포스팅하려 합니다!

 

먼저 블로그 관리 홈 -> 스킨 편집 -> HTML 편집 -> CSS 탭에 들어갑니다.

CSS탭에 들어가셨다면 position을 fixed에서 absolute로 변경해주시고 height는 사이드바 길이에 맞춰서 설정하시면 됩니다. 저 같은 경우에는 카테고리가 그렇게 많지 않은 편이어서 250% 정도로 설정했습니다.

height 부분은 사이드바의 영역인데 100%로 두면 사이드바가 잘리니 주의하시길 바랍니다 ㅎ

 

 

 

CSS 수정 전

 

 

CSS 수정 후

 

 

이제 스크롤바를 내리면 사이드바가 자동으로 따라와서 카테고리 보기가 더 편해진 것 같습니다. 

 

 

이상 Square 스킨 사이드바 스크롤 본문과 따라가게 설정하는 방법이었고 도움이 되셨다면 구독 및 공감 부탁드립니다!

감사합니다 ㅎ