티스토리 스크롤 방향에 따라 헤더 메뉴 숨기기 또는 보이게 하기

📌 TL;DR

💡

1. 아래의 코드 1줄만 추가하면 스크롤 방향에 따라 헤더를 숨기거나 보이게 할 수 있다.

👀

티스토리 스크롤 방향에 따라 헤더 메뉴 숨기기 또는 보이게 하기

• 1.

  티스토리 관리자 페이지에서 "스킨 편집"을 누른다.

  

• 2.

  "찾기(ctrl+f)"를 눌러 "</body>"를 검색하여 코드의 위치를 확인한다.

  

• 3.

  아래 코드를 복사한다.

  <script src="https://cdn.jsdelivr.net/gh/ungveloper/web-components-kit/hideHeaderOnScrollDown/js/scripts.js"></script>

• 4.

  복사한 코드를 "</body>" 라인 바로 위에 붙여 넣는다.

  

• 5.

  코드 저장 후 해당 페이지를 새로 고침하여 코드가 잘 적용되었는지 확인한다.