$(function(){ //visual height 모바일 높이 대응 function resetHeight(){ $('.sec1').css('height', $(window).innerHeight()); } window.addEventListener("resize", resetHeight); resetHeight(); //fullpage var $fullpage = $('.fullpage'); var main_fullpage_slider = new Swiper($fullpage, { direction: "vertical", effect: "slide", autoplay: false, slidesPerView: 'auto', speed:900, parallax: true, cssMode: true, mousewheel: { releaseOnEdges: true }, touchStartPreventDefault:false, mousewheelControl: true, watchSlidesVisibility: true, watchSlidesProgress: true, pagination: { el: '.fullpage_pagination', clickable: true, }, breakpoints: { 1279: { freeMode:true, parallax: false, freeModeMomentumRatio:1, freeModeMomentumVelocityRatio:1, }, }, on: { slideChangeTransitionEnd: function () { if(this.activeIndex == 1){ $('.sec1').addClass('fix'); }else if(this.activeIndex <= 1){ $('.sec1').removeClass('fix'); } }, setTranslate : function () { if($('.sec2,.sec3,.sec4,.sec5').hasClass('swiper-slide-active')){ $('header').addClass("top_fix"); $('header').addClass("scroll_on"); $('#scroll_top button').fadeIn(); }else{ $('header').removeClass("top_fix"); $('header').removeClass("scroll_on"); $('#scroll_top button').fadeOut(); } }, transitionStart : function () { var secNum = this.activeIndex+1 $('.sec'+secNum).addClass('on'); if($('.sec1').hasClass('swiper-slide-visible')){ $('header').removeClass('dark'); $('header').removeClass('active'); $('.fullpage_pagination').removeClass('dark'); $('#scroll_top button').fadeOut(); $(window).resize(function(){ windowWidth = $(window).width(); if(windowWidth < 1279){ }else{ $('header').removeClass('dark'); } }).resize(); }else{ $(window).resize(function(){ windowWidth = $(window).width(); if(windowWidth < 1279){ }else{ $('header').addClass('dark'); } }).resize(); $('header').addClass('dark'); $('header').addClass('active'); $('.fullpage_pagination').addClass('dark'); $('#scroll_top button').fadeIn(); } if($('.sec4').hasClass('swiper-slide-visible')){ $('header').fadeOut(); $('.fullpage_pagination').fadeOut(); $(".sec3 .bg").fadeIn(); }else if($('.sec4').hasClass('swiper-slide-active')){ $('header').fadeOut(); $('.fullpage_pagination').fadeOut(); $(".sec3 .bg").fadeIn(); }else if($('.sec5').hasClass('swiper-slide-active')){ $('header').fadeOut(); $('.fullpage_pagination').fadeOut(); $(".sec3 .bg").fadeIn(); }else{ $('header').fadeIn(); $('.fullpage_pagination').fadeIn(); $(".sec3 .bg").fadeOut(); } }, } }); $('#scroll_top button').on('click', function(){ main_fullpage_slider.slideTo(0); }); //main_slider $('.main_slider').slick({ fade: true, autoplay:true, infinite: true, autoplaySpeed:6000, slidesToShow: 1, slidesToScroll: 1, pauseOnHover:false, pauseOnFocus:false, cssEase:'linear', dots: true, appendDots: $('.sec1 .indicator .dot'), prevArrow: $('.sec1 .indicator').find('.prev'), nextArrow: $('.sec1 .indicator').find('.next'), }); if(typeof $.fn.Slick === 'undefined'){ $('.main_slider').find('.v01').addClass('on'); $('.main_slider').on('beforeChange', function(event, slick, currentSlide, nextSlide){ $('.main_slider').find('div[class*="v0"]').removeClass('on'); $('.main_slider').find('.v0'+(nextSlide+1)).addClass('on'); }); } });