스크롤이 적용이 안되는것같아요!ㅜㅜ

스크롤도 늘어나질 않고 스티키도 안보이고 씬도 변하질 않고 계속 0에 있어요ㅜㅜ 첨부하겠습니당

const main = () => {

    let y0ffset = 0;

    const sceneInfo = [
        {
            //0
            type: 'sticky',
            heightNum: 5, //브라우저 높이의 5배로 scrollHeight 세팅
            scrollHeight: 0, 
            objs: {
                container: document.querySelector('#scroll-section-0')
            }
        },
        {
            //1
            type: 'normal',
            heightNum: 5,
            scrollHeight: 0, 
            objs: {
                container: document.querySelector('#scroll-section-1')
        }
    },
        {
            //2
            type: 'sticky',
            heightNum: 5,
            scrollHeight: 0, 
            objs: {
                container: document.querySelector('#scroll-section-2')
        }
    },
        {
            //3
            type: 'sticky',
            heightNum: 5, 
            scrollHeight: 0, 
            objs: {
                container: document.querySelector('#scroll-section-3')
        },
    }
    ];

    function setLayout() {
        //각 스크롤 섹션의 높이 세팅
        for (let i = 0; i < sceneInfo.length; i++) {
            sceneInfo[i].scrollHeight = sceneInfo[i].heightNum * window.innerHeight;
            sceneInfo[i].objs.container.style.height = `${sceneInfo[i].scrollHeight}px`;
        }
        console.log(sceneInfo);
    }

    
    function scrollLoop() {
        
        
    }

    window.addEventListener('resize',setLayout);
    window.addEventListener('scroll',() => { 
        y0ffset = window.pageXOffset;
        scrollLoop();
    });

    setLayout();



};


main();