티스토리 헤딩(heading) 상단 고정 및 슬라이딩(sliding)

아래와 같이 글의 헤딩(heading)으로 만든 목차는 글의 구조를 파악하는 데에 도움을 주고, 프로그레스는 글의 전개를 이해하는 데에 도움을 준다. 나아가 스크롤의 위치에 따라 헤딩을 하이라이팅 한다면, 보다 몰입할 수 있는 웹사이트 이용 환경을 구축할 수 있을 것이다. 본 글은 스크롤을 내릴 때 헤딩이 슬라이딩으로 나타나고 헤딩을 화면 상단에 고정하는 방법에 대한 내용이다. 추가로 글 제목 및 메뉴를 화면 상단에 고정하는 것을 고려해서 적용할 것을 추천한다. 티스토리 글 제목 (article title) 화면 상단 고정 티스토리 북클럽 뉴북, 메뉴 고정 및 스크롤 버튼 HTML 삽입 미리보기할 수 없는 소스 1] 헤딩 스타일 적용 먼저 헤딩의 스타일을 적용해 보겠다. 1-1] CSS 작업 아래 코드를..

원문링크 : 티스토리 헤딩(heading) 상단 고정 및 슬라이딩(sliding)