스크롤에 따라 고정되는 제이쿼리

안녕하세요.

제이쿼리 스크롤 높이 위치에 따라 Fixed 를 해주는 코드를 이용 중에 있습니다.

    var win = $(window),
        header = $(".main"),
        headerOffsetTop = header.offset().top;

    win.scroll (function(){
      if ( $(this).scrollTop() >= headerOffsetTop ) {
        header.addClass("fixed");
      } else {
        header.removeClass("fixed");
      }    
  });
    

가장상단부터 휠을 내리면 아주 정상적으로 작동하지만

휠을 내린 상태에서 새로고침을하면 fixed 가 스타일에 붙어있어야 정상이지만

휠을 내린 상태에서 새로고침을해보면

안쪽에 내용이 많이들어가서인지 로딩 순서의 문제인지

새로고침 100번에 10번 정도는 붙어있지 않은상태로 출력됩니다.

이상태에서 휠을 1px만 움직여도 fixed css가 붙습니다.

로딩 순서나 main안에 들어간 내용이 무거워서 그런것 같은데

혹시 해결할 방법을 아시는분 계신가요?