$(function(){ locationJs(); m11(); m30(); /* scroll */ var $animation_elements = $('.ani'); var $window = $(window); function check_if_in_view() { var window_height = $window.height(); var window_top_position = $window.scrollTop(); var window_bottom_position = (window_top_position + window_height); $.each($animation_elements, function() { var $element = $(this); var element_height = $element.outerHeight(); var element_top_position = $element.offset().top+200; var element_bottom_position = (element_top_position + element_height); //console.log(element_top_position); //check to see if this current container is within viewport if ((element_bottom_position >= window_top_position) && (element_top_position <= window_bottom_position)) { $element.addClass('in-view'); } else { //$element.removeClass('in-view'); } }); } $window.on('scroll resize', check_if_in_view); $window.trigger('scroll'); }); function locationJs() { $('.page_location li[class*="tab"] ').on('click', function(){ $(this).toggleClass('on'); $(this).find('ul').stop().slideToggle(450); }); var lastScrollTop = 0; var delta = 0; //subtop 클래스 모션 $(window).scroll(function(){ var scrollT=$(window).scrollTop(); if(Math.abs(lastScrollTop - scrollT) <= delta) return; if ((scrollT > lastScrollTop) && (lastScrollTop>0)) { $('header').addClass('hide'); } else { $('header').removeClass('hide'); } lastScrollTop = scrollT; }); $(document).click(function(e){ if( e.target.className =="l_tab_wrap" ){return false} $("#location > ul > li.tab ul").stop().slideUp(); $(".page_location li[class*='tab']").removeClass('on'); }); } function m11() { //아카데이 내부시설 if(!$('#main').is('.m11')) return; var noticeSlide = new Swiper('.g_slider', { grabCursor: true, speed: 1000, slidesPerView: 'auto', draggable:false, mousewheel: false, navigation: { prevEl: '.indicator .prev', nextEl: '.indicator .next', }, }); } function m30() { if(!$('#main').is('.page_layout1')) return; $(document).on("click",".step_common li",function(){ var tabNum = $(this).index() + 1; var item = $(".step_common li:nth-child("+tabNum+")").next("li"); $(".step_common li:nth-child("+tabNum+")").addClass("act"); $(".step_common li").removeClass("on"); $(".step_common li:nth-child("+tabNum+")").addClass("on"); $(".step_info .con").hide(); $(".step_info > .con" + tabNum).fadeIn(); if($(item).hasClass("act") == true){ $(".step_common li:nth-child("+tabNum+")").nextAll("li").removeClass("act"); }else{ $(".step_common li:nth-child("+tabNum+")").prevAll("li").addClass("act"); } //motion var elemData = $(".step_box li:nth-child("+tabNum+")").data("width"); $(".step_box .bg .i.pc_view").css('width',elemData+'%'); $(".step_box .bg .i.tm_view").css('height',elemData+'%'); $(window).resize(function(){ vw = $(window).width(); var elemData = $(".step_box li:nth-child("+tabNum+")").data("width"); $(".step_box .bg .i.pc_view").css('width',elemData+'%'); $(".step_box .bg .i.tm_view").css('height',elemData+'%'); }); //bar var elemData2 = $(".step_tabs li:nth-child("+tabNum+")").data("tabs"); var elemBtnWidth = $(".step_tabs ul li a").width()/2; $(".step_tabs .bar").css('width','calc('+elemData2+' - '+elemBtnWidth+'px)'); $(window).resize(function(){ vw = $(window).width(); var elemData2 = $(".step_tabs li:nth-child("+tabNum+")").data("tabs"); var elemBtnWidth = $(".step_tabs ul li a").width()/2; $(".step_tabs .bar").css('width','calc('+elemData2+' - '+elemBtnWidth+'px)'); }); var btnId = $(this).find("a").attr('href'); $('html, body').animate({ scrollTop: $(btnId).offset().top - 150 }, { duration: 700, complete: function() { $(document).on("scroll", scroll); } }); return false; }); }