HD현대건설기계의 모바일 웹은 세로화면에 최적화되어 있습니다.
After Market
HD현대건설기계가 직접 개발하고 품질을 보증하는 믿을 수 있는 부품입니다.
-
01 스마트한
솔루션 - 보증이 만료된 장비를 위한 합리적인 선택으로, 가격과 성능을 모두 만족시켜 수리비를 절감합니다.
-
02 엄격한 품질
검증 - HD현대건설기계가 직접 검증한 부품으로, 순정부품과 동일한 수준의 성능을 제공합니다.
- 03 안심 보증
- 순정부품과 동일한 보증기간을 제공하여, 신뢰할 수 있는 품질과 철저한 사후 관리를 보장합니다.
- 04 다양한 라인업
- 필터, 투스&아답터류, 하부부품 등의 소모품부터 펌프류 기능 부품까지 폭넓은 제품군을 갖추고 있습니다.
HD현대건설기계
공식 부품 대리점에서
만나보세요.
※ 주의 사항
ValueMate 부품은 보증기간이 만료된 장비에 적합하도록 개발되었습니다.
보증기간 내 장비에는 순정부품 사용을 권장하며, 보증기간 이외의 장비에 사용 시 최적의 성능과 내구성을 제공합니다.
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,
}
);
ScrollTrigger.matchMedia({
"(min-width: 1025px)": function() {
gsap.to(".intro .con1 .bg", {
scrollTrigger: {
trigger: ".intro .con1",
start: "top top",
end: "+=150%",
// markers: true,
scrub : 1,
},
y : -500,
// width: "100%",
// height: "1200rem" // 2024-04-11 수정
});
gsap.to(".intro .con2 .deco", {
scrollTrigger: {
trigger: ".intro .con1",
start: "215% bottom",
end: "215% bottom",
// markers: true,
scrub : 1,
},
'transform': 'skew(0, 0deg)'
});
},
"(max-width: 1024px)": function() {
gsap.to(".intro .con1 .bg", {
scrollTrigger: {
trigger: ".intro .con1",
start: "top top",
end: "+=70%",
// markers: true,
scrub : 1,
},
y : -200,
// width: "100%",
height: "100vh"
});
gsap.to(".intro .con2 .deco", {
scrollTrigger: {
trigger: ".intro .con1",
start: "235% bottom",
end: "235% bottom",
// markers: true,
scrub : 1,
},
'transform': 'skew(0, 0deg)'
});
},
});
gsap.to(".intro .con1 .inner", {
scrollTrigger: {
trigger: ".intro .con1",
start: "top top",
end: "+=150%",
// markers: true,
scrub : 1,
},
y : -700,
opacity: 0,
});
let fontWidthSum = $(".flow .area ul").outerWidth(true);
while(fontWidthSum < window.innerWidth + $(".flow .area ul").eq(0).outerWidth(true)){
const repeatObject = document.querySelector(".flow .area ul");
const newNode = repeatObject.cloneNode(true);
repeatObject.after(newNode);
fontWidthSum = fontWidthSum + $(".flow .area").eq(-1).outerWidth(true);
};
setInterval(function() {
if(parseInt($(".flow .area").css("left").split("ul")[0]) < -$(".flow .area ul").eq(0).outerWidth(true)) {
$(".flow .area").css("left", 0);
}
$(".flow .area").css("left", parseInt($(".flow .area").css("left").split("ul")[0]) - 2);
}, 12);