function scrollOff(){ if(!$('html').hasClass('mobile')) return; $('html').on('scroll touchmove mousewheel', function(e){ e.preventDefault(); }); } $(function(){ var swiper = null; function initSwiper() { swiper = new Swiper('.main', { autoHeight: true, slidesPerView: '1', //mousewheel: true, spaceBetween: 0, speed: 1000, loop: true, navigation: { nextEl: '.btn_next', }, autoplay: { delay: 5000, disableOnInteraction: false, }, preventClicksPropagation: false, preventClicks: false, allowTouchMove: false, on: { slideChange: function (evt) { console.log(this.realIndex); $(".visual").removeClass("eq0 eq1 eq2 eq3 eq4 eq5 eq6 eq7 eq8 eq9"); $(".visual").addClass("eq"+this.realIndex); $(".overlay>div").css("left","0"); $(".overlay>div").css("transition","all 0.6s"); $(".hidden_next").click(); $(".swiper-slide:eq("+this.activeIndex+")").addClass("ani").siblings().removeClass("ani"); }, slideChangeTransitionEnd: function(){ $(".overlay>div").css("left","100%"); $(".overlay>div").css("transition","all 0s"); } }, }); }; const scrollContainer = document.querySelector("#wrap"); scrollContainer.addEventListener("wheel", (evt) => { //evt.preventDefault(); deltaY = evt.deltaY; if(deltaY > 0){ // 아래로 showSlide(); //clearTimeout(timer,"400"); }else{ //$(".prev").click(); } }); showSlide = function(evt){ $(".btn_next:not(:animated)").click(); $(".hidden_next:not(:animated)").click(); } function removeAct(){ $(".l1").removeClass("act"); } var timer; $(window).resize(function(){ if (timer) { swiper.destroy(); clearTimeout(timer); } timer = setTimeout(initSwiper, 200); }).resize(); initSwiper(); scrollOff(); })