티스토리 목차 클릭 이동위치 안 맞을 때 간단하게 해결.

티스토리 블로그에서 목차를 클릭했을 때 원하는 위치로 이동을 해야 하는데, 그 위치가 몇 줄 벗어나 상단 메뉴 밑으로 들어가는 경우가 있습니다. 이럴 때 해결하는 방법입니다.

 

 

코드를 티스토리 CSS 편집에 들어가서 붙여넣기하면 됩니다.

그리고 숫자만 수정해 주면 됩니다.

자세한 내용을 안내해 드리죠

 

메인페이지 → 스킨편집 → HTML 편집 → CSS 로 이동을 합니다.

아래 코드를 그대로 복사해 CSS 가장 아래 부분에 붙여넣기 합니다.

 

/* 목차 클릭 시 상단 위치 안맞을 때 수정  */
h2[id^="0"], h3[id^="0"], h4[id^="0"] {
  padding-top: 130px;
  margin-top: -130px;
}

:target::before {
  content: "";
  display: block;
  height: 130px; /* 메뉴 높이와 동일한 값으로 조정 */
  margin-top: -130px; /* 메뉴 높이와 동일한 음수 값으로 조정 */
  visibility: hidden;
}
/* 목차 클릭 시 상단 위치 안맞을 때 수정  */

 

 

그리고 130이라는 숫자를 모두 자신의 상황에 맞게 동일한 숫자로 변환해 줍니다.

4군데 숫자를 뚝같이하세요.

 

숫자를 바꿔가면서 페이지를 띄워놓고 목차를 클릭해 확인해 보시면 됩니다. 

(-)를 그대로 두고 숫자만 변화를 주세요.