Cacher is the code snippet organizer for pro developers

<nav id="global_navi">
    <ul>
        <li><a href="#">Menu1</a></li>
        <li><a href="#">Menu2</a></li>
        <li><a href="#">Menu3</a></li>
        <li><a href="#">Menu4</a></li>
        <li><a href="#">Menu5</a></li>
    </ul>
</nav>

//　スクロール時グローバルナビがついてくるようにします
$(function() {
  var offset = $("#global_navi").offset();

  $(window).scroll(function() {
    if ($(window).scrollTop() > offset.top) {
      $("#global_navi").addClass("fixed");
    } else {
      $("#global_navi").removeClass("fixed");
    }
  });
});

/* 固定 */
.fixed {
    position: fixed;
    top: 0;
    padding: 0;
    width: 100%;
    z-index: 1000;
    background: #ffffff;
    box-shadow: 0 3px 5px -3px #c8c6c6;
}