jQuery

【jQuery】アニメーションスティッキーメニューjQuery stickyMenu

September 6, 2016
jQuery-stickyMenu

【jQuery】スクロールしてもついてくるスティッキー系プラグイン10選でご紹介したjQuery stickyMenu。jQuery stickyMenuはjQueryを使ったアニメーションスティッキーメニュープラグイン。

HTML

<header>
	<a href="#">SEBASTIAN GAWEŁ <span>/ Designer</span></a>
	<div class="hamburger_btn">
		<div class="line line1"></div>
		<div class="line line2"></div>
		<div class="line line3"></div>
	</div>
	<nav>
		<a href="#">WORK</a>
		<a href="#">ABOUT</a>
		<a href="#">CONTACT</a>
		<div class="separator"></div>
		<div class="icons">
			<a href="#" class="ico"><img src="images/ico_behance.svg" alt="behance portfolio"></a>
			<a href="#" class="ico"><img src="images/ico_bitbucket.svg" alt="bitbucket repo"></a>
			<a href="#" class="ico"><img src="images/ico_linkedin.svg" alt="linkedin profile"></a>
			<a href="#" class="ico"><img src="images/ico_twitter.svg" alt="twitter profile"></a>
		</div>
	</nav>
</header>

JS

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="script.js"></script>