特定の幅とスクロールでのみナビゲーションメニューを非表示にしようとしています

Question

私は現在このサイトで作業していますhttp://paramountwell.staging.wpengine.com/。スクロールが250を下回るか、またはウィンドウの幅が1105px未満になると、ナビゲーションがボタンに変わり、メニューが表示されます。これは、すべて正常であり、期待通りに動作します。

スクロールが250未満の場合は、ボタンがアクティブな場合に応答メニューが表示されないように設定しているので、メインのナビゲーションバーを使用できます。

問題は、スクロールが250未満で、ウィンドウが1105px未満で、ボタンを押すとメニューが表示されず、250スクロール未満で表示されないためです。

だから、基本的に、私は、jQueryのでコーディングする必要がある「スクロールが250未満であると、ウィンドウ幅が1105よりも大きい場合は、メニューを隠す」

にjQueryでこれを行うための最善の方法は何ですか？

ここもサイトリンクです。 http://paramountwell.staging.wpengine.com/

編集： 私はほとんどこの

var windowWidth = $(window).width(); 

$(window).scroll(function() { 
    var scroll = $(window).scrollTop(); 
    if (scroll <= 250 && windowWidth >= 1105) { 
     header.removeClass('header-scroll'); 
     navToggleMenu.addClass('hide-scroll_menu'); 
    } else { 
     header.addClass('header-scroll'); 
     navToggleMenu.removeClass('hide-scroll_menu'); 
    } 
}); 

EDITを持っている - 基本的に私はそれがONLY削除 '-スクロールヘッダー' と「非表示、スクロールのが追加されますようにそれを設定する必要がありますスクロールが250未満で、ウィンドウの幅が1105より大きい場合、メニューが表示されます。

ウィンドウが1105未満で、スクロールが250未満の場合、今は機能しません。 。

Answer 1

$('body').on('addRemoveClass', function(e, scroll, windowW){ 
    if (scroll <= 250 && windowW >= 1105) { 
     header.removeClass('header-scroll'); 
     navToggleMenu.addClass('hide-scroll_menu'); 
    } else { 
     header.addClass('header-scroll'); 
     navToggleMenu.removeClass('hide-scroll_menu'); 
    } 
}); 
$(window).resize(function() { 
    var scroll = $(window).scrollTop(); 
    var windowW = $(window).width(); 
    $('body').trigger('addRemoveClass', [scroll, windowW]); 
}); 
$(window).scroll(function() { 
    var scroll = $(window).scrollTop(); 
    var windowW = $(window).width(); 
    $('body').trigger('addRemoveClass', [scroll, windowW]); 
});