마우스휠 내릴때마다 한페이지씩 보여지는 웹페이지입니다.

height 는 1300px 정도로 잡아뒀는데 footer 부분으로는 마우스가 안내려가요ㅠㅠ.. 

메인만보여지는상태입니다. footer부분도 보여지려면 어떻게 해야할까요..??

세로값이 1300이하면 마우스휠이벤트가 작동안한다고 써야하나요 ㅠㅠ ?

window.onload = function () {
        $("#main01, #main02, #main03, #main04, #main05, #main06, #footer").each(function () {
                // 개별적으로 Wheel 이벤트 적용
                $(this).on("mousewheel DOMMouseScroll", function (e) {
                        e.preventDefault();
                        var delta = 0;
                        if (!event) event = window.event;
                        if (event.wheelDelta) {
                                delta = event.wheelDelta / 120;
                                if (window.opera) delta = -delta;
                        } else if (event.detail) delta = -event.detail / 3;
                        var moveTop = null;
                        // 마우스휠을 위에서 아래로
                        if (delta < 0) {
                                if ($(this).next() != undefined) {
                                        moveTop = $(this).next().offset().top;
                                }
                        // 마우스휠을 아래에서 위로
                        } else {
                                if ($(this).prev() != undefined) {
                                        moveTop = $(this).prev().offset().top;
                                }
                        }
                        // 화면 이동 0.8초(800)
                        $("html,body").stop().animate({
                                scrollTop: moveTop + 'px'
                        }, {
                                duration: 800, complete: function () {
                                }
                        });
                });
        });
}