$(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 클래스 떼기 } }) })