반응형
1. 클릭을 하게되는 목차 혹은 링크 버튼에는 다음과 같은식으로 '#임의의 명칭'을 정해준다.
<a href="#story">스토리</a>
2. 위 버튼을 눌렀을때 이동하기를 원하는 장소에 id 라는 명령으로 위치를 지정해주면 된다.
사이트마다 조금씩 다르겠지만 티스토리의 경우 원하는 위치 한줄 위에 그냥 저 수식을 사용하는게 링크 이동했을때 위에 살짝 여백이 있어 보기 편한 수준이었다.
<p id="story"> </p>
적용된 샘플 페이지 : switchworld.tistory.com/2491
반응형
'BLOG > HTML' 카테고리의 다른 글
안티 애드블록 또다른 코드 (0) | 2020.01.10 |
---|---|
BLOG html : [루비] A라 쓰고 B라고 읽는다. (0) | 2019.11.07 |
BLOG html : [마우스오버] 마우스 올리면 이미지 바뀌는 테그 (0) | 2019.09.30 |