22강 - 앵커로 페이지 이동

<section style="posion: fixed; top:0; left:0; background-color: pink;">
    <a href="#pos1">위치1</a>
    <a href="#pos2">위치2</a>
    <a href="#pos3">위치3</a>
</section>

<div id="pos1" style="height:1000px; background-color:green;"></div>
<div id="pos2" style="height:1000px; background-color:skyblue;"></div>
<div id="pos3" style="height:1000px; background-color:gold;"></div>

html {
    scroll-behavior : smooth;
}

/* scroll-behavior : smooth; 스크롤 부드럽게 넘어간다. */

• codepen으로 정리된 코드 보러가기