【jQuery】アニメーションスティッキーメニュー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>
 
jQuery-stickyMenu

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

  • LATEST
  • RELATED
  • POPULAR