ｊQuery ヘッダー スクロール 追従機能

こちらの記事を参考に
http://qiita.com/zaru/items/82d61ac90394885fb486

このように実装しました。

<script>
jQuery(function() {
    var nav = jQuery('#Header');

    // メニューのtop座標を取得する
    var offsetTop = nav.offset().top;



    var floatMenu = function() {
    var ScrTop = $(window).scrollTop();

        // スクロール位置がメニューのtop座標を超えたら固定にする
        if (ScrTop > offsetTop) {
            nav.addClass('fixed');
        } else {
            nav.removeClass('fixed');
        }
    }
    jQuery(window).scroll(floatMenu);
    jQuery('body').bind('touchmove', floatMenu);
});
</script>