// 현재 스크롤바의 위치를 저장하는 변수 (px)
var currentScrollTop = 0;
     
// 비동기식 jQuery이므로 window load 후 jQuery를 실행해야 함
window.onload = function() {
    // 새로고침 했을 경우를 대비한 메소드 실행
    scrollController();
     
    // 스크롤을 하는 경우에만 실행됨
    $(window).on('scroll', function() {
        scrollController();
    });
}
     
// 메인 메뉴의 위치를 제어하는 함수
function scrollController() {
    currentScrollTop = $(window).scrollTop();
    if (currentScrollTop < 1) { // 숫자를 바꾸어 높이조절
        $('#blog-header-container').css('top', -(currentScrollTop));
        $('.container-wrap').css('top', 0-(currentScrollTop)); // 숫자를 바꾸어 높이조절
        if ($('.container-wrap').hasClass('fixed')) { 
            $('.container-wrap').removeClass('fixed');
            $('.container-wrap .menu-icon').removeClass('on');
        }
    } else {
        if (!$('.container-wrap').hasClass('fixed')) {
            $('#blog-header-container').css('top', -0);  // 숫자를 바꾸어 높이조절
            $('.container-wrap').css('top', 0);
            $('.container-wrap').addClass('fixed');
            $('.container-wrap .menu-icon').addClass('on');
        }
    }
}