$(function(){ var btnchk = 0; $(".btn_menu").click(function(){ console.log(btnchk); if(btnchk == 0){ $(this).stop().addClass("openmenu"); $(".allmenuBg").addClass("on"); $(".allmenu").addClass("open"); btnchk = 1; }else{ $(this).stop().removeClass("openmenu"); $(".allmenuBg").removeClass("on"); $(".allmenu").removeClass("open"); btnchk = 0; } }); $(window).resize(function(){ ww = $(window).width(); if(ww < 1279){ $("body").addClass("mobile"); }else{ $("body").removeClass("mobile"); } }).resize(); $(document).on("click",".mobile .allmenu .allmenuwrap>ul>li",function(){ if($(this).attr("class") == "act"){ $(this).find("ul").slideUp(300); }else{ $(this).find("ul").slideDown(300); } $(this).toggleClass("act"); $(this).siblings("li").removeClass("act"); $(this).siblings("li").find("ul").slideUp(); }); /* scroll */ var $animation_elements = $('.ani'); var $window = $(window); function check_if_in_view() { var window_height = $window.height(); var window_top_position = $window.scrollTop(); var window_bottom_position = (window_top_position + window_height); $.each($animation_elements, function() { var $element = $(this); var element_height = $element.outerHeight(); var element_top_position = $element.offset().top+200; var element_bottom_position = (element_top_position + element_height); //console.log(element_top_position); //check to see if this current container is within viewport if ((element_bottom_position >= window_top_position) && (element_top_position <= window_bottom_position)) { $element.addClass('in-view'); } else { //$element.removeClass('in-view'); } }); } $window.on('scroll resize', check_if_in_view); $window.trigger('scroll'); /*gotop*/ var secTop = $('section.sec7'); var offsetTop = secTop.offset().top; $(window).scroll(function(){ if ($(this).scrollTop() > offsetTop){ $('#goTop').show(); } else{ $('#goTop').hide(); } }); $('#goTop').click(function(){ $('html, body').animate({scrollTop:0}, 0); return false; }); /*sub_nav*/ $(".pc_nav>ul>li").mouseover(function(){ navNum = $(".pc_nav>ul>li").index($(this)); console.log(navNum); $("#header").addClass("on"); $(".sub_nav .menuwrap:eq("+navNum+")").show().siblings().hide(); $(".sub_nav").stop().slideDown(); }); $("#header").mouseover(function(){ $("#header").addClass("on"); }); langchk = 0; $(".language").click(function(){ if(langchk == 0){ $(this).find("ul").slideDown(); $(this).addClass("on"); langchk = 1; }else{ $(this).find("ul").slideUp(); $(this).removeClass("on"); langchk = 0; } }); /** $(".allmenu .all_close").on('click', function(){ $(".allmenuBg").removeClass("on"); $(".allmenu").removeClass("open"); btnchk = 0; }); **/ $(window).resize(function(){ ww = $(window).width(); }).resize(); /*contact pop up*/ $("#ctbtn").on('click', function(){ $(".dim").fadeIn(300); $(".cpop").fadeIn(300); if(ww > 990){ var topPosition = $(window).scrollTop() + 200; var topPosition = $("#header").offset().top + $("#header").outerHeight() + 720; //console.log('top', topPosition); // $(".cpop").css("position", "fixed"); $(".cpop").css("top", topPosition); }else{ var topPosition = $(window).scrollTop() + 200; var topPosition = $("#header").offset().top + $("#header").outerHeight() + 850; //console.log('top', topPosition); // $(".cpop").css("position", "fixed"); $(".cpop").css("top", topPosition); } }); $(".btn_contactus").on('click', function(){ $(".dim").fadeIn(300); $(".cpop").fadeIn(300); /**if(ww > 990){ var topPosition = $(window).scrollTop() + 200; var topPosition = $("#header").offset().top + $("#header").outerHeight() + 720; $(".cpop").css("top", topPosition); }else{ var topPosition = $(window).scrollTop() + 200; var topPosition = $("#header").offset().top + $("#header").outerHeight() + 850; $(".cpop").css("top", topPosition); }**/ }); $("#close").on('click', function(){ $(".dim").fadeOut(300); $(".cpop").fadeOut(300); }); $(".dim").on('click', function(){ $(".dim").fadeOut(300); $(".cpop").fadeOut(300); }); $(window).scroll(function(){ checkOffset(); }); function checkOffset() { var a=$(document).height()-$(window).height(); var b=$('.foot').outerHeight(); scroll = $(window).scrollTop(); /**cw = $(window).width(); var btnHeight = 0; if(cw >= 1400){ btnHeight = 100; }else if((cw < 1400) && (cw >= 813) ){ btnHeight = 60; }else{ btnHeight = 30; }**/ if (scroll > a-b) { $(".btn_contactus").css("position","absolute").css("bottom",b + 60); }else { $(".btn_contactus").css("position","fixed").css("bottom","60px"); } } checkOffset(); });