$(function(){ var didScroll; var lastScrollTop = 0; var delta = 15; var navbarHeight = $('#header').outerHeight(); var tabTop = $(".tabmenu").offset().top; $(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 (st > lastScrollTop && st > navbarHeight){ // Scroll Down if($(".allmenu_m").hasClass("on")){ $('#header').removeClass('nav-up'); }else{ $('#header').addClass('nav-up'); $(".submenu").slideUp(); } if(scroll > tabTop - navbarHeight){ $(".tabmenu").css("position","fixed"); $(".tabmenu").css("left","0%"); $(".tabmenu").css("top","0px"); liW = $(".tabmenu ul li.on a").width(); firstLeft = $(".tabmenu ul li.on a").position().left; start() } } else { // Scroll Up if(st + $(window).height() < $(document).height()) { $('#header').removeClass('nav-up'); $(".tabmenu").css("top",navbarHeight+"px"); if(scroll < tabTop){ $(".tabmenu").css("position","static"); liW = $(".tabmenu ul li.on a").width(); firstLeft = $(".tabmenu ul li.on a").position().left; start() } } } lastScrollTop = st; } /* tabmenu */ liW = $(".tabmenu ul li.on a").width(); firstLeft = $(".tabmenu ul li.on a").position().left; start = function (){ $(".tabmenu .line").css("width",liW+"px"); $(".tabmenu .line").css("left",firstLeft+"px"); } start(); $(window).resize(function(){ liW = $(".tabmenu ul li.on a").width(); firstLeft = $(".tabmenu ul li.on a").position().left; start() }).resize(); $(document).on("click",".tabmenu ul li a",function(){ _top = $($(this).attr('href')).position().top; $('html, body').stop().animate({scrollTop: _top },500); $(this).parent("li").addClass("on").siblings().removeClass("on"); liW = $(this).width(); firstLeft = $(this).position().left; $(".tabmenu .line").css("width",liW+"px"); $(".tabmenu .line").css("left",firstLeft+"px"); }); $(window).scroll(function(){ dh = $(document).height(); scroll = $(window).scrollTop(); wh = $(window).height(); fh = $("#footer").outerHeight() / 2; if(scroll>= dh - wh - fh){ $('.btn_top').css("bottom","35%"); }else{ $('.btn_top').css("bottom","10%"); } if(scroll > wh){ $('.btn_top').addClass("on"); }else{ $('.btn_top').removeClass("on"); } }); $(".btn_top").click(function(){ $('body,html').animate({scrollTop: 0}, 300); }) $(".faq_list .question").click(function(){ $(this).next(".answer").slideToggle().siblings(".answer").slideUp(); $(this).toggleClass("active"); $(this).siblings(".question").removeClass("active"); }); });