$(function(){ tl = TweenMax; locationJs(); subTopJs(); tabWrapJs(); m13(); }); function subTopJs() { //height 모바일 높이 대응 function resetHeight(){ $('#subtop .sub_bg').css('height', $(window).innerHeight()); } window.addEventListener("resize", resetHeight); resetHeight(); //스크롤 down버튼 클릭시 $('.scroll_down').on('click', function(){ var id = $(this).attr('href'), target = this.hash; $('html, body').animate({ scrollTop: $(id).offset().top }, { duration: 700, complete: function() { $(document).on("scroll", scroll); } }); return false; }); } function tabWrapJs() { var tabWrap = $("#tab_wrap ul"); var tabWrapLength = tabWrap.find("li").length; tabWrap.addClass("list"+tabWrapLength); var x,y,top,left,down; $("#tab_wrap ul").mousedown(function(e){ e.preventDefault(); down = true; x = e.pageX; left = $(this).scrollLeft(); }); $("body").mousemove(function(e){ if(down){ var newX = e.pageX; $("#tab_wrap ul").scrollLeft(left - newX + x); } }); $("body").mouseup(function(e){down = false;}); // tab 스크롤 //commonTab var tabList = '#tab_wrap ul'; var tabListItem = '#tab_wrap ul li'; $(tabList).on('scroll', function() { var scrollLeft = $(this).scrollLeft(); var tabListWidth = $(this)[0].scrollWidth - $(this)[0].offsetWidth; if(scrollLeft === tabListWidth){ $(this).siblings(tabListFadeEl).addClass('is-hide'); } else { $(this).siblings(tabListFadeEl).removeClass('is-hide'); } }); if($(tabListItem).hasClass('on') === true){ var activeWidth = $('#tab_wrap ul li.on').width(); var activeOffset = $('#tab_wrap ul li.on').offset().left; $(tabList).animate({ scrollLeft: activeOffset - activeWidth }, 300); } } function locationJs() { //locationTab var locationTabWrap = $("#location.tab_list_wrap ul"); var locationTabLength = locationTabWrap.find("li").length; locationTabWrap.addClass("list"+locationTabLength); var x,y,top,left,down; $("#location ul").mousedown(function(e){ e.preventDefault(); down = true; x = e.pageX; left = $(this).scrollLeft(); }); $("body").mousemove(function(e){ if(down){ var newX = e.pageX; $("#location ul").scrollLeft(left - newX + x); } }); $("body").mouseup(function(e){down = false;}); //locationTab var pageList = '#location ul'; var pageListItem = '#location ul li'; $(pageList).on('scroll', function() { var scrollLeft = $(this).scrollLeft(); var pageListWidth = $(this)[0].scrollWidth - $(this)[0].offsetWidth; if(scrollLeft === pageListWidth){ $(this).siblings(pageListFadeEl).addClass('is-hide'); } else { $(this).siblings(pageListFadeEl).removeClass('is-hide'); } }); if($(pageListItem).hasClass('on') === true){ var activeWidth = $('#location ul li.on').width(); var activeOffset = $('#location ul li.on').offset().left; $(pageList).animate({ scrollLeft: activeOffset - activeWidth }, 300); } } function m13() { if(!$('#main').is('.m13')) return; $(function(){ $(document).on("scroll", scroll); pin = $('.map .pin_box a'); pin.on('click', function() { $(document).off("scroll"); var id = $(this).attr('href'), target = this.hash; $('html, body').animate({ scrollTop: $(id).offset().top }, { duration: 700, complete: function(){ $(document).on("scroll", scroll); } }); return false; }); }); } function m13() { if(!$('#main').is('.m31')) return; $(".privacy_box .group_box").hide(); $(document).on("click",".privacy_box",function(){ $(this).toggleClass("open"); if($(this).hasClass("open")){ $(this).find(".group_box").slideDown(); }else{ $(this).find(".group_box").slideUp(); } }); }