jQueryデュアル条件ステートメント - スクロールの高さまたは幅Do this

Question

私は、スクリーンが特定のポイントまでスクロールするか、ブラウザウィンドウが特定のサイズに縮小されるときに、いくつかのCSSを変更する機能を持つ方法を工夫しようとしています。

私はそれぞれ個別に働いていますが、一方を他方に追いかけると他方は優先します。

は、ここで私は、ATMで働いているものです：

$(window).scroll(function() { 
    var height = $(window).scrollTop(); 

    if(height > 300){ 
    $('.navbar-default .nav li a').css("color","#f6f6f6"); 
    } 
    else{ 
    $('.navbar-default .nav li a').css("color","#4B00B3"); 
    } 
}); 

$(window).resize(function() { 
    var width = $(window).width(); 

    if(width < 768) { 
    $('.navbar-default .nav li a').css("color","#f6f6f6"); 
    } 
    else{ 
    $('.navbar-default .nav li a').css("color","#4B00B3"); 
    } 
}); 

は、だから私は、単にナビゲーションバーのフォントは画面が768pxを超えて広い300ピクセルスクロールで、いつグレー（f6f6f6＃）も持っていると思います。それ以外の場合は濃い紫色（＃4B00B3）になります。

私はこれらを組み合わせてみましたが、.resizeと.scrollTopイベントをどのように組み合わせるか分かりません。条件文

ご協力いただきまして誠にありがとうございます。

Answer 1

これらを1つの関数に結合し、その関数をresizeイベントとscrollイベントの両方に渡すことができます。

var navbarDefault = $('.navbar-default .nav li a'); 

$(window).resize(toggleColor).scroll(toggleColor); 

function toggleColor(){ 
    var height = $(window).scrollTop(); 
    var width = $(window).width(); 

    if(width < 768 || height > 300) { 
     navbarDefault.css("color","#f6f6f6"); 
    } 
    else { 
     navbarDefault.css("color","#4B00B3"); 
    } 
}