Как я могу сказать gsap и js что-то сделать, ТОЛЬКО ЕСЛИ ширина превышает 1200 пикселей? ⇐ Jquery

[Anonymous]

У меня проблемы с проектом. Я пытаюсь создать горизонтальную прокрутку с помощью Javascript и GSAP, но только если ширина> 1200 пикселей. Я сделал кое-что, и это вроде как работает, но если я изменю размер веб-страницы на меньшую ширину, она все равно будет выполнять горизонтальную прокрутку. извините за мой английский и пожалуйста помогите мне!!!
const aboutContainer = document.querySelector(".about__container");
const aboutContent = gsap.utils.toArray(".about__container .about__content");
const aboutMask = document.querySelector(".about__mask");
if (document.body.clientWidth > 1200) {
let scrollTween = () => {
gsap.to(aboutContent, {
xPercent: -100 * (aboutContent.length - 1),
ease: "none",
scrollTrigger: {
trigger: ".about__container",
pin: true,
scrub: 1,
end: "+=3000",
},
});

gsap.to(aboutMask, {
width: "100%",
scrollTrigger: {
trigger: ".about__section",
start: "top left",
scrub: 1,
},
});

let tl = gsap.timeline({
scrollTrigger: {
trigger: ".about__container",
start: "center bottom",
},
});

tl.from(aboutContent, { x: 300, opacity: 0, duration: 1 });
};
scrollTween();
};


Подробнее здесь: https://stackoverflow.com/questions/789 ... ove-1200px