Las condiciones de la página web de HYUNDAI son óptimas para una pantalla vertical.
Mercado Posterior
Les presentamos una gama de accesorios integrales que puede utilizar en diversas condiciones de trabajo.
Accesorios
HYUNDAI ofrece una gama de accesorios integrales que puede utilizar en diversas condiciones de trabajo y que cumplen con los requisitos exigidos en múltiples sitios de trabajo. Esto le permitirá mejorar la productividad y la eficacia de los equipos de construcción.
// 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,
}
);
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);