티스토리 북클럽 스킨 사이드 바 고정 방법

안녕하세요! 개발쉽게하자곰 입니다 ^^

 

오늘은 티스토리 북클럽 스킨 사이드 바 고정하는 방법에 대해서 알려드리려 합니다.

 

우선 사이드바 고정 적용 전 사진을 볼까요?

 

 

적용 전

 

이해를 돕기위한 사진 입니다.

 

보시다시피 스크롤 시 사이드바는 글과 같이 올라가서 사이드바에 장점을 못 살리게 돼요!

 

스크롤이랑 같이 내리게 되니까요.. 그리고 사용자들이 다시 올라가서 사이드바를 봐야 하는 불편함도 생기고요

 

그렇다면 적용 후에는 어떨까요??

 

 

적용 후

 

이해를 돕기위한 사진 입니다.

스크롤 시에도 사이드바가 같이 스크롤되는 모습입니다.

 

이렇게 되면 광고를 넣어서 보여줄 수도 있고 필요에 따라서 다른걸 넣고 계속 보여줄수도 있을 겁니다.

 

사용자 스크롤에 맞게 띄워서 광고도 하는?

 

이걸 바로 플로팅 광고 효과라고 하더라고요!

 

적용 방법

 

우선 html 편집으로 들어가 줍니다.

 

 

※실제 적용 시 보시는 것과 다르게 줄 번호가 다를 수 있습니다.

 

그다음 CSS 탭에서 Ctrl + F(찾기) #aside를 찾아서 그 아래에 

/* 사이드바 고정 Start */
#aside {
  position: sticky;
  position: -webkit-sticky;
  top: -60px;
}
/* 사이드바 고정 End */

위에 소스를 복사 붙여 넣기 하시면 끝입니다.

 

참 쉽죠?? ㅎㅎ 간단하게 설정하시고 편리한 블로그 생활하시길 바랍니다.

개발을 굳이 배우지 않아도 간편하게 적용 가능하니 쉽게 따라 하실 수 있습니다.

 

이것으로 포스팅을 마칩니다.

 

다들 좋은 하루 보내시길 바랍니다. 저는 다음엔 더 좋은 정보로 포스팅 올려보도록 하겠습니다 ^^

 

공감과 구독 댓글 감사합니다.