$(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;
}
}