[티스토리] 사이드바 스크롤 없애기, 게시글 따라가기

티스토리 스킨 Square의 기본 형태를 보면 사이드바가 본문과 각기 다른 스크롤을 가지고 있습니다. 때문에 본문이 아무리 길어도 사이드바는 옆에 고정된 형태로 사이드바만의 스크롤을 내려야만 사이드바 내에 있는 부분을 볼 수 있습니다.

 

하지만 다음 애드핏 광고나 구글 애드센스 광고를 사이드바에 넣고 싶은 이상, 사이드바만의 스크롤이 존재할 필요가 없습니다.

 

특히, 다음 애드핏의 경우 노출만 되어도 수익을 얻을 수 있는데, 누가 굳이 사이드바 스크롤을 내려 애드핏 광고를 노출해두고서 본문 내용만 읽고 있겠냐는 거죠.

 

카테고리 수가 적거나 다음 애드핏 광고 전체를 사이드바에 노출할 수 있으신 분들은 사이드바가 고정된 형태인 점이 유리합니다. 그래야 본문을 아무리 내려도 사이드에서 광고가 계속 노출이 될 테니까요.

 

하지만 저처럼 다음 애드핏을 넣었을 때 광고가 잘린다면 스크롤바는 광고 수익에 도움을 주지 못합니다.

 

 

그래서 스크롤바를 없애고 게시글이 본문 영역과 함께 내려가는 방법을 검색했습니다.

 

코딩이 넘나 어려워서 이거저거 손 댔는데 아무것도 안 되더라고요ㅠㅠㅠㅠㅠㅠㅠ

 

그 망할 fixed;

 

https://gapsoo.tistory.com/135

티스토리 square 스킨 사이드바 스크롤 본문과 따라가게 만드는 방법

 

 

네이버에 검색했더니 이 분 게시글이 나와서 따라했습니다!

스킨 편집에서 css로 들어갑니다.

 

 

position이 fixed라고 되어 있으면 사이드바가 고정된 상태입니다.

저는 저 자리에 계속 relative를 넣고, unfixed 넣고 말도 안 되는 짓만 하다가;;;ㅎㅎ

 

absolute가 답이더라고요ㅠㅠㅠㅠㅠ흑흑;

그리고 높이도 조절해줍니다. 100%라고 되어 있을 텐데 이거 조절하지 않으면 스크롤 내리면 사이드바가 잘려요.

 

 

---

 

혹시라도 사이드바를 고정으로 해두고서 스크롤바만 없애고 싶으신 분들을 위해 그 방법을 알려드리겠습니다.

 

스킨 편집에서 html로 들어갑니다.

그리고 스크롤 쭉쭉 내리세요. 마지막에 보면 /body가 나와요.

autoHideScrollbar 검색하시면 바로 찾을 수 있습니다.

 

autoHideScrollbar : "true", 라고 적힌 부분에서 엔터를 치고

scrolling="no" 적어주세요.

 

그러면 스크롤바가 사라집니다!