jQuery

【jQuery】1ページサイトに使えるナビゲーションSmooth Scrolling

April 20, 2017
smooth-scrolling

Smooth Scrollingは1ページサイトに備えたスムーススクロール、ハイライトリンク、固定ナビゲーション。

HTML

	<nav class="navigation">
		<a class="active" href="#about" title="About">About</a>
		<a href="#work" title="Work">Work</a>
		<a href="#clients" title="Clients">Clients</a>
		<a href="#blogs" title="Blogs">Blogs</a>
		<a href="#contact" title="Contact">Contact</a>
	</nav>
	
	<div id="container">
		<div id="about" class="box">
			About 
		</div>
		<div id="work" class="box">
			Work
		</div>
		<div id="clients" class="box">
			Clients
		</div>
		<div id="blogs" class="box">
			Blogs
		</div>
		<div id="contact" class="box">
			Contact
		</div>
	</div>

	<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
	<script src="target.js"></script>

MIT