滚动和窗口加载或调整大小时的导航栏更改

我有一个问题,我不能正常工作。

它确实有效,但我必须滚动以应用效果。 这是我的密码:

    $(document).ready(function()
    {
      var $navbar = $('.navbar');
      // ----------
      $(function()
      {
        $(window).scroll(function()
        {
          if(($(window).scrollTop() > 60 && $(window).on('load resize').width() > 992) || ($(window).on('load resize').width() < 992))
          {
            $navbar.addClass("compressed");
          }
          else
          {
            $navbar.removeClass("compressed");
          }
        });
      });
    });

谢谢!