$(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(); //smoothScrollJS(); smoothscroll.init(); headerJS(); headerScroll(); var $scrollBtn = $('.scroll_btn'); $scrollBtn.on('click',function(){ gsap.to(window, {duration: .4,scrollTo:0,ease: 'power3.out'}); }); $(".scroll_btn").fadeOut(); $(window).scroll(function(){ if($(this).scrollTop() > 100){ $(".scroll_btn").fadeIn(300); }else { $(".scroll_btn").fadeOut(300); } checkOffset(); }); }); function checkOffset() { var a=$(document).height()-$(window).height(); var b=$('#footer').height(); scroll = $(window).scrollTop(); if (scroll > a-b) { $(".scroll_btn").css("position","absolute").css("bottom",b + 20); }else { $(".scroll_btn").css("position","fixed").css("bottom",20); } } 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 }); /*const headerFix = gsap.from('header', { yPercent: -100, paused: true, duration: 0.5 }).progress(1); ScrollTrigger.create({ start: "top top", end: "1000000%", toggleClass: {className: 'scroll', targets: 'header'}, onUpdate: (self) => { self.direction === -1 ? headerFix.play() : headerFix.reverse() } });*/ } }; /* function smoothScrollJS(){ gsap.registerPlugin(ScrollTrigger, ScrollToPlugin); var container = document.querySelector("#main-scrollbar"); const headerFix = gsap.from('header', { yPercent: -100, paused: true, duration: 0.5 }).progress(1); ScrollTrigger.create({ start: "top top", end: "1000000%", toggleClass: {className: 'scroll', targets: 'header'}, onUpdate: (self) => { self.direction === -1 ? headerFix.play() : headerFix.reverse() } }); var $scrollBtn = $('.scroll_btn'); $scrollBtn.on('click',function(){ gsap.to(window, {duration: .4,scrollTo:0,ease: 'power3.out'}); }); }*/ function headerJS(){ //header 2depth 메뉴 $("#nav .gnb>li").mouseover(function(){ $("header").addClass("on"); if($(this).hasClass("hv")){ $("header .lnb_bg").stop().slideDown(200); }else { $("header .lnb_bg").stop().slideUp(200); } }); $("#nav .gnb>li").mouseleave(function(){ $("header").removeClass("on"); $("header .lnb_bg").stop().slideUp(200); }); //language drop box $(".right_nav .quick>div.lang button").click(function(){ $(this).next().stop().slideToggle(200); }); //allmenu show $(".menu button.menu_btn").click(function(){ $("header").addClass("all"); $("#allmenu").fadeIn(300); smoothscroll.destroy(); }); //allmenu hide $(".menu button.close_btn").click(function(){ $("header").removeClass("all"); $("#allmenu").fadeOut(300); smoothscroll.init(); }); //mobile allmenu $(window).on("resize",function(){ if($(this).width() <= 1279){ $("#allmenu .inner .gnb>li .lnb").hide(); $("#allmenu .inner .gnb>li strong").removeClass("on"); $("#allmenu .inner .gnb>li strong").click(function(){ $(this).toggleClass("on"); $(this).next().stop().slideToggle(200); $(this).parent().siblings().find("strong").removeClass("on"); $(this).parent().siblings().find(".lnb").slideUp(200); }); }else { $("#allmenu .inner .gnb>li .lnb").show(); $("#allmenu .inner .gnb>li strong").removeClass("on"); } }).resize(); } 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() { scrollMove(); onScroll = false; }, 50); function scrollMove(){ 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; } }