스크롤을 조금 내리면, 동작하는 스크롤 이벤트

$(window).on("scroll", function () {
  if ($(window).scrollTop() > 100) {
    $(".nav-menu").addClass("nav-black");
    $("#nav-text").removeClass("nav-menu__text");
  } else {
    $(".nav-menu").removeClass("nav-black");
    $("#nav-text").addClass("nav-menu__text");
  }
});

• 스크롤 이벤트 설정
• 스크롤이 100px 내려가면, nav-bar의 배경과 로고 폰트 사이즈를 변경함
• 스크롤을 일정 부분 올리면, nav-bar가 원래 상태가 되도록 설정하였다.