JMStudy/script/scroll.js

$(function(){
    //sec01 스와이퍼
    var sec01Swiper = new Swiper(".banner", {
        loop: true,
        pagination: {
            el: ".swiper-pagination",
        }
    });
    //풀스크린 스와이퍼
    // var fullPageSwiper = new Swiper(".fullslider", {
    //     direction: "vertical",
    //     slidesPerView: 1,
    //     mousewheel: true,
    //     speed: 500,
    //     on: {
    //         //마지막 슬라이드
    //         reachEnd: function() {
    //             fullPageSwiper.mousewheel.disable();
    //             $("footer").addClass("on");
    //         }
    //     }
    // });
    // window.addEventListener("wheel", function(e){
    //     if(e.deltaY < 0){
    //         fullPageSwiper.mousewheel.enable();
    //         $("footer").removeClass("on");
    //     }else if(e.deltaY > 0){
    //         return false;
    //     }
    // });

    //풀스크린 슬라이드
    window.addEventListener("wheel", function(e){
        e.preventDefault();
    }, {passive : false});

    let page = 0;
    $("html").animate({scrollTop : 0}, 300, "swing");

    $(window).on("wheel", function(e){
        if($("html").is(":animated")) return;
        if(e.originalEvent.deltaY > 0){
            if(page == 4) return;
            page++;
        } else if(e.originalEvent.deltaY < 0){
            if(page == 0) return;
            page--;
        }
        let posTop = page * $(window).height();
        $("html").animate({scrollTop : posTop}, 400, "swing");
    });

    $(window).on("scroll", function(){
        //a링크 등을 타고 최상단으로 이동시 page 초기화
        if($(window).scrollTop() == 0) page = 0;

        //header
        if(page > 0){
            //css 변하는 헤더 스타일 입력하기, on 클래스 붙이기
        } else{
            //on 클래스 떼기
        }
    })
})