//제이쿼리
// let scrollTop = $(window).scrollTop();

// function scroll(){
//     let newScrollTop = $(window).scrollTop();
//     let different = newScrollTop - scrollTop;

//     console.log("scrollTop :" + scrollTop)
//     console.log("newScrollTop :" + newScrollTop)
//     console.log("different :" + different)


//     $(".content-item-desc").css({"transform":"skewY("+different+"deg)"})

//     scrollTop = newScrollTop
//     requestAnimationFrame(scroll)

// }
// scroll()




//javascript
let pageYOffset = window.pageYOffset;

const scroll = () => {
    const newPageYOffset = window.pageYOffset;
    const different = newPageYOffset - pageYOffset;

    console.log("pageYOffset :" + pageYOffset)
    console.log("newPageYOffset :" + newPageYOffset)
    console.log("different :" + different)

    // // $(".content-item-imgWrap").css({"transform":"skewY("+different+"deg)"})
    // let target =document.querySelectorAll(".content-item-imgWrap")
    // target.forEach(box =>{box.style.transform = "rotate("+different*0.03+"deg)"})

    //gsap
    // gsap.to(".content-item-img",{duration:0.3,ease:Power1.ease,rotation:different})
    gsap.to(".content-item-img",{duration:0.3,ease:Power1.ease,skewY:different})
    gsap.to(".content-item-desc",{duration:0.3,ease:Power1.ease,skewY:-different})


    pageYOffset = newPageYOffset
    requestAnimationFrame(scroll);
}
scroll()

//일정한 시간 동안 반복적 함수를 실행
let unm = 0;
function render(){
    $(".content-item-num").text(unm);
    unm++;
    //setInterval(render,1000);

}
render()