[javascript] 상단 fixed menu anchor 구현

HTML

<nav id="menu">
    <ul>
      <li>
        <a href="#list_chara"><img src="img/nav_1.png" alt="CHARACTER" /></a>
      </li>
      <li>
        <a href="#list_dungeon"><img src="img/nav_2.png" alt="DUNGEON" /></a>
      </li>
      <li>
        <a href="#list_exchange"><img src="img/nav_3.png" alt="OTHERS" /></a>
      </li>
    </ul>
</nav>

Javascript

$('nav a[href*="#"]').click(function () {
  console.log('click');
  var elmHash = $(this).attr('href');
  var navH = $('nav').outerHeight(true);
  var pos = Math.round($(elmHash).offset().top - navH);
  $('body,html').animate({ scrollTop: pos }, 500);
  return false;
});