jQuery

【jQuery】HTML、CSS、jQueryを使用したSticky Menu

April 9, 2017
stickymenu

Sticky MenuはHTML、CSS、jQueryを使用して実装されたスティッキーメニュープラグイン。

HTML

<div class="top">
	<h1>Sticky Menu</h1>
</div>
<nav>
	<div class="container">
		<ul>
			<li><a href="#">Home</a></li>
			<li><a href="#">About</a></li>
			<li><a href="#">Contact</a></li>
			<li><a href="#">Info</a></li>
		</ul>
	</div>
</nav>
<div class="content">

</div>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.0.min.js"></script>
<script src="main.js"></script>