// JavaScript Document $(document).ready(function() { $('.animsition').animsition(); }); var lnb_type='type2'; $(function () { /* // 스크롤시 header 고정 var menupos = $('#header').offset().top; $(window).scroll(function(){ if($(window).scrollTop() > 100) { $('#header').addClass('fixed'); } else { $('#header').removeClass('fixed'); } }); */ $("#header").addClass(lnb_type); // Hide Header on on scroll down var menupos = $('#header').offset().top; $(window).scroll(function(){ if($(window).scrollTop() > 40) { $('#header').removeClass('nav-top'); } else { $('#header').addClass('nav-top'); } }); var didScroll; var lastScrollTop = 0; var delta = 5; var navbarHeight = $('#header').outerHeight(); $(window).scroll(function(event){ didScroll = true; }); setInterval(function() { if (didScroll) { hasScrolled(); didScroll = false; } }, 250); function hasScrolled() { var st = $(this).scrollTop(); // Make sure they scroll more than delta if(Math.abs(lastScrollTop - st) <= delta) return; // If they scrolled down and are past the navbar, add class .nav-up. // This is necessary so you never see what is "behind" the navbar. if (st > lastScrollTop && st > navbarHeight){ // Scroll Down $('#header').removeClass('nav-down').addClass('nav-up'); } else { // Scroll Up if(st + $(window).height() < $(document).height()) { $('#header').removeClass('nav-up').addClass('nav-down'); } } lastScrollTop = st; } // header gnb 서브메뉴 $(document).on('mouseenter', '#header__lnb .lnb-menu > li', function() { if ($(window).width() > 1025) { if(lnb_type=='type1') { var gnbmenu = $(this).find('.lnb_sub_menu'); } else if (lnb_type=='type2') { var gnbmenu = $(this).parent().find('.lnb_sub_menu'); } // gnbmenu.slideDown(); $('.lnb_sub_menu').not(gnbmenu).fadeOut(); $(this).addClass('ov'); $('#header').addClass('open_menu'); $('.lnb_sub_menu').addClass('open'); var timer = setTimeout(function() { var has = $('#header').hasClass('open_menu'); if(has) { gnbmenu.fadeIn(); } }, 300); //$('#header__mobile').addClass('active'); } else { return true; } }); $('#header__lnb .lnb-menu > li').on('mouseleave', function(){ if ($(window).width() > 1025) { if(lnb_type=='type1') { $('.lnb_sub_menu').stop().finish().hide(); $(this).removeClass('ov'); $('#header').removeClass('open_menu'); $('.lnb_sub_menu').removeClass('open'); } else if(lnb_type=='type2') { $(this).removeClass('ov'); var has = $('#header').hasClass('open_menu'); if(!has) { $(this).parent().find('.lnb_sub_menu').hide(); } var timer = setTimeout(function() { var has = $('#header').hasClass('open_menu'); if(!has) { $('.lnb_sub_menu').hide(); } }, 300); } //$('#header__mobile').removeClass('active'); } }); $(document).on('mouseleave', '#header', function() { if ($(window).width() > 1025) { if(lnb_type=='type2') { $('.lnb_sub_menu').hide(); $('#header').removeClass('open_menu'); $('.lnb_sub_menu').removeClass('open'); // $('#header__mobile').removeClass('active'); } } }); $(document).on('click', '#header__lnb .lnb-menu > li', function() { if ($(window).width() < 1025) { var gnbmenu = $(this).find('.lnb_sub_menu'); if(gnbmenu.css('display') == 'none') { gnbmenu.slideDown(); $("#header__lnb .lnb-menu > li").removeClass('ov'); $(this).addClass('ov'); $('.lnb_sub_menu').not(gnbmenu).slideUp(); return false; } else { gnbmenu.slideUp(); } } else { return true; } }); $(document).on('mouseenter', '#header__lnb .lnb-menu .lnb_sub_menu', function() { if ($(window).width() > 1025) { $(this).parent().addClass('active'); } else { return true; } }); $(document).on('mouseleave', '#header__lnb .lnb-menu .lnb_sub_menu', function() { if ($(window).width() > 1025) { $(this).parent().removeClass('active'); } else { return true; } }); // mobile $(document).on('click', '#header__mobile', function() { mobileMenu(); }); function mobileMenu() { $('#header__mobile').toggleClass('active'); $(".gl_menu_box").toggleClass("active"); $('#header').trigger('mouseleave'); // $('.header-inner').fadeToggle(); /* $('.header-inner').fadeToggle(); $('.header__gnb').toggleClass('none'); $('body').toggleClass('hidden'); */ }; $(document).on('click', '.gl_menu_title a', function(e) { e.stopPropagation(); e.preventDefault(); var gnbmenu = $(this).parent().parent().find('.gl_menu_sublist'); if(gnbmenu.length==0) { var link = $(this).attr('href'); location.href=link; return; } if(gnbmenu.css('display') == 'none') { gnbmenu.slideDown(); //$("#header__lnb .lnb-menu > li").removeClass('ov'); $(this).addClass('ov'); $('.gl_menu_sublist').not(gnbmenu).slideUp(); return false; } else { gnbmenu.slideUp(); } }); $(document).on('mouseleave', '.gl_menu_box', function() { // $('.gl_close').trigger('click'); $('#header__mobile').removeClass('active'); $(".gl_menu_box").removeClass("active"); }); $(document).on('click', '.gl_close', function(e) { e.stopPropagation(); e.preventDefault(); $('#header__mobile').toggleClass('active'); $(".gl_menu_box").toggleClass("active"); }); $(window).resize(function(){ var wWidth = $(window).width(); if(wWidth >= 1025) { $("#header .header-inner").fadeIn(); $('.lnb_sub_menu').slideUp(); } }); $('.btnTop').on('click', function(){ var Dnum = $(this).index(); var Dheight = $('html,body').eq(Dnum).offset(); $('html,body').animate({scrollTop : Dheight.top},500); }); var btnTopMain = $('.btnTop'); var btnTop = $('.btnTop'); $(window).scroll(function () { var scrollHeight = $(window).scrollTop(); var windowHeight = $(window).height(); var documentHeight = $(document).height(); if ((scrollHeight + windowHeight) >= documentHeight - 249) { btnTopMain.addClass('btnTop-bot'); } else if ((scrollHeight + windowHeight) >= documentHeight - 194) { btnTop.addClass('btnTop-bot'); } else{ btnTopMain.removeClass('btnTop-bot'); btnTop.removeClass('btnTop-bot'); } }); var btnTopHover = $('.btnTop').offset().top; $(window).scroll(function(){ if($(window).scrollTop() > 500) { $('.btnTop').fadeIn('slow'); } else { $('.btnTop').fadeOut("slow"); } }); $(document).ready(function (){ $('.sub-menu ul').each(function (){ var _width = $(this).width(), _length = $(this).length, _index = $(this).find('.on').index(); _location = (_width/_length) * _index; if (_location > 2040) { $('.sub-menu').scrollLeft(_location); } }); }); });