ページ スクロール時にヘッダー メニューを固定する方法

/*--------------------------------
スクロール時メニュー固定
---------------------------------*/
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

<script>
$(function() {
    var offset = jQuery('#gazou-wide').offset();

    $(window).scroll(function () {
        if (jQuery(window).scrollTop() &gt; offset.top) {
            jQuery('#gazou-wide').addClass('fixed');
        } else {
            jQuery('#gazou-wide').removeClass('fixed');
        }
    });
});
</script>

<script type='text/javascript' src='<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/js/wf-fixednavi.js'></script><?php // メニュー固定用スクリプト ?>