You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
59 lines
1.7 KiB
59 lines
1.7 KiB
$(function(){ |
|
//sec01 스와이퍼 |
|
var sec01Swiper = new Swiper(".banner", { |
|
loop: true, |
|
pagination: { |
|
el: ".swiper-pagination", |
|
} |
|
}); |
|
|
|
//풀스크린 슬라이드 |
|
// window.addEventListener("wheel", function(e){ |
|
// e.preventDefault(); |
|
// }, {passive : false}); |
|
|
|
let page = 0; |
|
$("html").animate({scrollTop : 0}, 300, "swing"); |
|
|
|
$(window).on("wheel", function(e){ |
|
if($("html").is(":animated")) return; |
|
if(e.originalEvent.deltaY > 0){ |
|
if(page == 4) return; |
|
page++; |
|
} else if(e.originalEvent.deltaY < 0){ |
|
if(page == 0) return; |
|
page--; |
|
} |
|
let posTop = page * $(window).height(); |
|
$("html").animate({scrollTop : posTop}, 400, "swing"); |
|
}); |
|
|
|
$(window).on("scroll", function(){ |
|
//a링크 등을 타고 최상단으로 이동시 page 초기화 |
|
if($(window).scrollTop() == 0) page = 0; |
|
|
|
//header / top |
|
if(page > 0){ |
|
$(".topBt").addClass("on"); |
|
|
|
$("header").addClass("on"); |
|
$(".gnb > li > a").css({"line-height":"70px", "text-shadow":"none"}); |
|
$(".blogo").addClass("on"); |
|
$(".wlogo").removeClass("on"); |
|
|
|
} else{ |
|
$(".topBt").removeClass("on"); |
|
$("header").removeClass("on"); |
|
$(".gnb > li > a").css({"line-height":"", "text-shadow":""}); |
|
$(".blogo").removeClass("on"); |
|
$(".wlogo").addClass("on"); |
|
|
|
} |
|
}); |
|
|
|
$(".topBt").on("click", function(){ |
|
$("html").animate({scrollTop : 0}, 400, "swing"); |
|
return false; |
|
}) |
|
}) |
|
|