Anchor로 같은 문서에서 화면 이동

Anchor로 같은 문서에서 화면 위치 이동

 

<nav class="navi">
	<ul>
		<li><a href="#zone1">Zone1</a></li>
		<li><a href="#zone2">Zone2</a></li>
		<li><a href="#zone3">Zone3</a></li>
	</ul>
</nav>
<div id="zone1" class="contents">
	<h2>Zone1</h2>
	<p>zone1zone1zone1zone1zone1zone1</p>
</div>
<div id="zone2" class="contents">
	<h2>Zone2</h2>
	<p>Zone2Zone2Zone2Zone2Zone2Zone2Zone2Zone2Zone2Zone2Zone2Zone2
	</p>
</div>
<div id="zone3" class="contents">
	<h2>Zone3</h2>
	<p>Zone3Zone3Zone3Zone3Zone3Zone3Zone3Zone3 </p>
</div>

 

• Zone1
• Zone2
• Zone3

Zone1

zone1zone1zone1zone1zone1zone1

Zone2

Zone2Zone2Zone2Zone2Zone2Zone2Zone2Zone2Zone2Zone2Zone2Zone2

Zone3

Zone3Zone3Zone3Zone3Zone3Zone3Zone3Zone3