기업개요
Comfort
Intelligence
HD현대건설기계는 인간에 대한 깊은 이해와 첨단 혁신 기술의 융합으로 안전하고 견고한 우리 삶의 터전을 만들겠다는 미션 아래 1985년, 현대중공업 중기계 사업부로 출범한 글로벌 종합건설기계 전문 브랜드입니다. 미국, 유럽, 중국 등 129개국 405여 개의 현지법인 및 딜러망을 갖추고 굴착기, 휠 로더, 백호 로더 등 다양한 건설장비를 생산 및 공급하며, 기술 혁신 개발을 통해 건설기계장비 시장의 STANDARD를 제시하는 글로벌 기업으로 성장하고 있습니다.
// 2024-03-08 스크립트 수정
// 2024-03-12 스크립트 수정
var _thisScroll = 0;
var _isScrollTop;
if ($(window).scrollTop() > $(".intro .con2").offset().top) {
$("#subBody").removeClass("wide");
}
$(window).on("scroll", function () {
_isScrollTop = $(window).scrollTop();
if (_isScrollTop > _thisScroll) { // down
if (_isScrollTop > 0) {
if ($(window).scrollTop() > $(".intro .con2").offset().top) {
$(".intro .con1").addClass("scroll");
}
}
}
if (_isScrollTop < _thisScroll) { // up
if ($(window).scrollTop() < $(".intro .con2").offset().top) {
$(".intro .con1").removeClass("scroll");
$("#subBody").addClass("wide");
$("#subBody h2 p").css("opacity" , "0").css("transform" , "translate(0px, -500px)");
}
}
_thisScroll = _isScrollTop;
}); $(window).scroll();
gsap.fromTo("#subBody h2 p",{ transform: 'translate(0, 100px)', opacity: 0, ease: Power3.easeOut }, { duration: 0.8, 'transform': 'translate(0, 0)', opacity: 1, ease: Power3.easeOut});
gsap.fromTo("#subBody h2 p",
{
duration: 0.8,
transform: 'translate(0, 0)',
opacity: 1,
ease: Power3.easeOut
},
{
scrollTrigger: {
trigger: ".intro .con1",
start: "top top",
end: "+=95%",
scrub: 1,
},
y: -500,
opacity: 0,
}
);
gsap.to(".intro .con1 .inner", {
scrollTrigger: {
trigger: ".intro .con1",
start: "top top",
end: "+=150%",
// markers: true,
scrub : 1,
},
y : -1000,
opacity: 0,
});
gsap.to(".intro .con2 .deco", {
scrollTrigger: {
trigger: ".intro .con1",
start: "120% top",
end: "+=50%",
// markers: true,
scrub : 1,
},
'transform': 'skew(0, 0deg)'
});
ScrollTrigger.matchMedia({
"(min-width: 1025px)": function() {
gsap.to(".intro .con3 .bg", {
scrollTrigger: {
trigger: ".intro .con2",
start: "top top",
end: "+=100%",
// markers: true,
scrub : 1,
},
width : "90%",
});
gsap.to(".intro .con1 .bg", {
scrollTrigger: {
trigger: ".intro .con1",
start: "top top",
end: "+=150%",
// markers: true,
scrub : 1,
},
y : -500,
// width: "100%",
// height: "1600rem"
});
},
"(max-width: 1024px)": function() {
gsap.to(".intro .con3 .bg", {
scrollTrigger: {
trigger: ".intro .con2",
start: "top top",
end: "+=100%",
// markers: true,
scrub : 1,
},
width : "calc(100% - 48rem)",
});
gsap.to(".intro .con1 .bg", {
scrollTrigger: {
trigger: ".intro .con1",
start: "top top",
end: "+=150%",
// markers: true,
scrub : 1,
},
y : -500,
// width: "100%",
height: "1200rem"
});
},
});