$(document).on('click', 'a[href="#none"]', function(e) { e.preventDefault(); }); //기본js function startJs(){ $(document).on('click', 'a[href="#none"]', function(e) {e.preventDefault()}); if($('html').is('.ie67, .ie7, .ie8, .ie9')) { $('div.ie_alert_text').show().html('현재 사이트는 IE9 미만의 하위브라우저를 지원하지 않습니다.
브라우저를 최신 버전으로 업데이트해 주세요.'); } WebFont.load({google: {families: ['Noto Sans KR', 'Montserrat']}}); } function popup() { //레이어팝업 var bg = $("#bg"); $(document).on('click',' #bg, .close ', function () { bg.fadeOut(); $('div[id*="-popup"] div.inner').html(''); $('div[id*="-popup"]').hide(); }); $(document).on('click','.layer-', function () { var ClassName = $(this).data('link'); bg.show(); $('#layer-popup').show(); $('#layer-popup').html( ''+ '
'+ '
' ); //foot 메뉴 클릭시 switch (ClassName) { case "privacy1": $("#layer-popup div.inner").load("/_privacy1.php"); break; case "terms": $("#layer-popup div.inner").load("/_terms.php"); break; } }); //click } $(function(){ startJs(); popup(); headerJs(); headerScroll(); smoothscroll.init(); $(window).scroll(function(){ if($(this).scrollTop() >= 10){ $("header").addClass("scroll"); }else { $("header").removeClass("scroll"); } }); }); function headerJs(){ var $body = $("body"); var $header = $("header"); var $allMenu = $("#allmenu"); var $depth1 = $("#wrap header #nav .gnb > li"); var $menuBtn = $("#wrap header .right_gnb .menu"); var $closeBtn = $("#allmenu .close"); $depth1.mouseover(function(){ $header.addClass("on"); }); $depth1.mouseleave(function(){ $header.removeClass("on"); }); $menuBtn.click(function(){ $allMenu.fadeIn(300); $body.addClass("all"); }); $closeBtn.click(function(){ $allMenu.fadeOut(300); $body.removeClass("all"); }); $(".language button").click(function(){ $(this).parent().toggleClass("on"); $(this).next().stop().slideToggle(200); }); $(".language").mouseleave(function(){ $(this).removeClass("on"); $(".language > ul").stop().slideUp(200); }); } smoothscroll = { passive : function(){ var supportsPassive = false; try { document.addEventListener("test", null, { get passive() { supportsPassive = true }}); } catch(e) {} return supportsPassive; }, init : function(){ var $window = $(window); var scrollTime = 1; var distance_offset = 2.5; var scrollDistance = $window.height() / distance_offset; if(this.passive()){ window.addEventListener("wheel",this.scrolling,{passive: false}); }else{ $window.on("mousewheel DOMMouseScroll", this.scrolling); } }, destroy : function(){ if(this.passive()){ window.removeEventListener("wheel",this.scrolling); }else{ $(window).off("mousewheel DOMMouseScroll", this.scrolling); } gsap.killTweensOf($(window),{scrollTo:true}); }, scrolling : function(event){ event.preventDefault(); var $window = $(window); var scrollTime = 1; var distance_offset = 2.5; var scrollDistance = $window.height() / distance_offset; var delta = 0; if(smoothscroll.passive()){ delta = event.wheelDelta/120 || -event.deltaY/3; }else{ if(typeof event.originalEvent.deltaY != "undefined"){ delta = -event.originalEvent.deltaY/120; }else{ delta = event.originalEvent.wheelDelta/120 || -event.originalEvent.detail/3; } } var scrollTop = $window.scrollTop(); var finalScroll = scrollTop - parseInt(delta*scrollDistance); gsap.to($window, { duration: scrollTime, scrollTo : { y: finalScroll, autoKill:true }, ease: 'power3.out', overwrite: 5 }); } }; function headerScroll() { var $window = $(window), $header = $('header'), $body = $('body'), onScroll = null, currentScroll = 0, lastScroll = 0, moveScroll = 10; $window.on('scroll', function() { onScroll = true; }); setInterval(function() { has_scrolled(); onScroll = false; }, 50); function has_scrolled(){ currentScroll = $(this).scrollTop(); // Make sure they scroll more than move scroll if(Math.abs(lastScroll - currentScroll) <= moveScroll) return; if(currentScroll > lastScroll){ // ScrollDown if(currentScroll > $(window).height()){ gsap.to($header, { duration: .4, autoAlpha: 0, y: -$header.outerHeight(), ease: 'power3.out' }); } } else { // ScrollUp gsap.to( $header, {duration: .4, autoAlpha:1, y: 0, ease: 'power3.out' }); } lastScroll = currentScroll; } }