<script>
    //07 JAVASCRIPT
    let pageYOffset = window.pageYOffset;
    //익명 함수
    // const scroll = function{
    // }
    // scroll();
    //화살표 함수
    const scroll = () => {
        const newPageYOffset = window.pageYOffset;
        const difference = newPageYOffset - pageYOffset;

        console.log("pageYOffset:" + pageYOffset);
        console.log("newPageYOffset:" + newPageYOffset);
        console.log("difference:" + difference);
        //JQUERY
        //  $(".content-item-desc").css({"transform":"skewY("+difference+"deg)"});
        //JAVASCRIPT 안 됨
        // document.querySelectorAll(".content-item-imgWrap").style.transform =  "skewY("+difference+"deg)";
        //JAVSCRIPT foreach문 써야 함!!
        // let imgWrap = document.querySelectorAll(".content-item-imgWrap");
        // imgWrap.forEach(element => {
        //     element.style.transform = "skewY(" + difference*0.01 + "deg)";
        // })
        //gsap
        gsap.to(".content-item-imgWrap",{duration: 0.3, ease: Power1.ease, rotation: difference*0.5})
        gsap.to(".content-item-desc",{duration: 0.3, ease: Power2.ease, skewY: difference*0.1})
        
        requestAnimationFrame(scroll);
    }
    scroll();
</script>