[jQuery] 일정 높이만큼 스크롤시 fixed

var gnbLoc = 570; // 스크롤 값

  $(window).scroll(function() {

    var winLoc = $(window).scrollTop();

    if (winLoc > gnbLoc) {

      $('.title').addClass('scroll');

      $('.content').css('padding-top', '47px'); // title 높이 값

    } else if (winLoc <= gnbLoc) {

      headerLoc = (gnbLoc - winLoc); //37,36,35,34.....0,-1,-2...

      $('.title').removeClass('scroll');

      $('.content').css('padding-top', '0');

    }

  });

});

scroll이란 클래스에 position: fixed를 비롯해 변화되는 값 주기