$(function () { /* Sticky header */ $('.page-header').each(function () { var $window = $(window), // 창을 jQuery 오브젝트 화 $header = $(this), // 헤더를 jQuery 객체 화 headerOffsetTop = $header.offset().top; // 헤더의 기본 위치를 검색 $window.on('scroll', function () { // 윈도우의 스크롤 이벤트를 모니터링 (창이 스크롤 할 때마다 작업을 수행하기) if ($window.scrollTop() > headerOffsetTop) { // 윈도우의 스크롤 량을 확인하고, 헤더의 기본 위치를 지나서 있으면 클래스를 부여, 그렇지 않으면 삭제 $header.addClass('sticky'); } else { $header.removeClass('sticky'); } }); $window.trigger('scroll'); // 윈도우의 스크롤 이벤트를 발생시키는 (헤더의 초기 위치를 조정하기 위해) }); });