jQuery-跟踪窗口宽度不起作用

Question

我最近在这段代码上遇到了问题。

$(document).ready( function(){

  if($(window).width() > 500) {

      $(window).scroll(function() {

      if($(window).scrollTop() > 50) {
        $("#mainNav").css({background: "rgba(0, 0, 0, 0.7)"})

      } else if ($(window).scrollTop() < 50){
        $("#mainNav").css({background: 'rgba(0, 0, 0, ' + 0.7/50*$(window).scrollTop() + ')'})
      }
    });
  });
});

if（$（window）.width（）> 500）似乎不起作用，我不确定为什么。如果出于某种原因，if语句始终返回false。仅供参考：第一个if语句中的代码使导航栏逐渐淡入黑色。

我先谢谢大家。