티스토리 북스킨 사용하신다면 카테고리 스크롤에 따라 움직이게 하는 꿀팁

사진: Unsplash 의 Kelly Sikkema

티스토리 북스킨을
사용하시나요?

블로그에

다양한 꿀팁을 담다 보면

글이 길어지고

스크롤을 많이 내려야 하는 경우가

종종 생깁니다.

 

이럴 때

기본 북스킨의 카테고리

즉 메뉴를 클릭하기 위해 상단으로

다시 이동해야 하는

번거로움이 있었는데요

 

이제 메뉴가

화면 스크롤에 따라 움직이게

하는 방법을 알려드릴께요!

 

코딩을 입력해야 해서
놀라실 수 있지만,
아주 쉬워요

위치를 잘 확인하고

코드 3줄만 추가해 주세요

---

 

 

티스토리 관리자 화면에서

왼쪽 메뉴 ① 꾸미기 > ② 스킨 편집 클릭해 주세요

스킨 편집에서 오른쪽 상단 ③ html 편집을 클릭해 주세요

 

여기서 상단에 ④ CSS를 클릭(중요)해주시고,

⑤ 컨트롤 + F를 동시에 누르시면 아래처럼 입력칸이 나와요

⑥ aside를 입력 후 엔터를 계속 치고

아래와 같은 영어(코드)가 보이면

⑦ 아래 코드를 추가로 입력해 주세요!

⑧ 적용 클릭하면 끝!

{
position: sticky;
top: 0px;
overflow: auto;
}

티스토리 html 편집 CSS 수정 - 북스킨 메뉴바 스크롤 따라다니게 하기