(function($) { //상단메뉴스크롤탑 function headerStyle() { if($('.main-header').length){ var windowpos = $(window).scrollTop(); if (windowpos >= 80) { $('.main-header').addClass('fixed-header'); $('.scroll-to-top').fadeIn(300); } else { $('.main-header').removeClass('fixed-header'); $('.scroll-to-top').fadeOut(300); } } } headerStyle(); //서브메뉴 Dropdown Toggle if($('.main-header li.dropdown ul').length){ $('.main-header li.dropdown').append(''); //서브 Button $('.main-header li.dropdown .dropdown-btn').on('click', function() { $(this).prev('ul').slideToggle(500); }); } //메인풀화면 function updateHeight() { var screenHeight = $(window).height(); $('.main-slider .content-container').css('min-height',screenHeight); var contentNormalHeight = $('.main-slider .content-container').height(); $('.main-slider .content-container .content-box').css('height',contentNormalHeight); } updateHeight(); //메인슬라이드 if($('.main-slider .slider-style-one').length){ $('.main-slider .slider-style-one').bxSlider({ adaptiveHeight: true, auto:true, mode:'fade', controls: true, pause: 5000, speed: 1000, pager:true }); //슬라이드 if($('.main-slider .slide-item').attr('data-bg-position').length){ $('.main-slider .slide-item').each(function() { var bgPostion = $(this).attr('data-bg-position'); $(this).css('background-position',bgPostion); }); } } //Text Carousel Slider if($('.text-carousel').length){ $('.text-carousel').bxSlider({ adaptiveHeight: true, auto:true, mode:'fade', controls: false, pause: 5000, speed: 1000, pager:true }); } // Scroll to top if($('.scroll-to-top').length){ $(".scroll-to-top").on('click', function() { // animate $('html, body').animate({ scrollTop: $('html, body').offset().top }, 1000); }); } $(window).on('scroll', function() { headerStyle(); }); /* ========================================================================== 화면리사이즈 ========================================================================== */ $(window).on('resize', function() { updateHeight(); }); })(window.jQuery); /*전체메뉴추가*/ ( function() { $(document).ready(function() { var header = $("header"), naviHeight, containerTop; //GNB 관련 var myGnb = new gnb(); JWindowEvent.addEvent({ //gnb포지션 관련 gnbUnFixed:{ type:"scroll", start:0, end:1, singleEvent:true, callBack:function(){ myGnb.gnbUnfixed(0); } }, gnbFixed:{ type:"scroll", start:1, end:Infinity, singleEvent:true, callBack:function(){ myGnb.gnbFixed(); } }, //gnb bg관련 gnbUnWhite:{ type:"scroll", start:0, end:30, singleEvent:true, callBack:function(){ myGnb.gnbBgNoneWhite(); } }, gnbWhite:{ type:"scroll", start:31, end:Infinity, singleEvent:true, callBack:function(){ myGnb.gnbBgWhite(); } } }); JWindowEvent.update(); function updatePorp(type){ JWindowEvent.scrollUpdate(); } //=================================== GNB ========================================== function gnb() { //화면 구성요소 var navi = $(".navi"), gnb = $(".gnb"), gnbLine = $(".gnb ul li span"), depth1 = $(".gnb>ul>li"), depth2 = $(".gnb ul li ul"), btns = $(".gnb>ul a"), bg = $(".menu-bg"), header = $("header"), //모바일 gnb mBtn = $(".menu-icon"), mMenu = $(".m-menu"), mCloseBtn = $(".m-menu .close"); //모션 추가 this.addBgMotion = function(){ navi.addClass("motion"); } //모션 제거 this.removeBgMotion = function(){ navi.removeClass("motion"); } //gnb 고정 //this.gnbFixed = function(){ // header.css({"position" : "fixed","top" : "0px","left":($("#container").offset().left)+"px"}); //} //gnb 고정해제 //this.gnbUnfixed = function(targetPos){ // header.css({"position" : "relative","top" : targetPos + "px","left":0}); //} //fixed-relative에 따른 gnb left값 //this.gnbPos = function(){ // if( header.css("position") == "fixed"){ // header.css({"left":($("#container").offset().left)+"px"}); // }else{ // header.css({"left":0}); // } //} //BG흰색 this.gnbBgWhite = function(){ if (navi.hasClass("nochange") == false) { //navi.addClass("not-working"); navi.addClass("whb"); } } //BG흰색 제거 this.gnbBgNoneWhite = function(){ if (navi.hasClass("nochange") == false) { //navi.removeClass("not-working"); navi.removeClass("whb"); } } //모바일 메뉴 닫기 this.mobileMenuClose = function(){ mobileMenuClose(); } init(); function init() { defaultSet(); addEvent(); } //모션 셋 function defaultSet() { bg.addClass("motion"); gnb.addClass("motion"); depth2.addClass("motion"); gnbLine.addClass("motion"); header.css("z-index", 100); } //enter out이벤트 function addEvent() { //GNB 마우스 오버 아웃 gnb.bind("mouseenter", function(e) { e.preventDefault(); if (navi.hasClass("nochange") == false && navi.hasClass("not-working") == false)navi.addClass("whb"); bg.addClass("open"); gnb.addClass("open"); depth2.addClass("open"); }); gnb.bind("mouseleave", function(e) { e.preventDefault(); if (navi.hasClass("nochange") == false && navi.hasClass("not-working") == false)navi.removeClass("whb"); bg.removeClass("open"); gnb.removeClass("open"); depth2.removeClass("open"); }); //모바일 GNB mBtn.bind("click", function(e) { e.preventDefault(); mobileMenuOpen(); }); mCloseBtn.bind("click", function(e) { e.preventDefault(); mobileMenuClose(); }); } }; }); }()); ;