[섹션7-3: 버그수정 2] tempYOffset 오류

tempYOffset을 통해서 스크롤 위치를 저장하고 있다가 총 100px을 이동하는 것으로 이해하였는데요.

tempYOffset의 초기값, 즉 yOffset이 0으로 출력됩니다.

이게 바로 밑에 있는

window.addEventListener('scroll', () => { }

가 아직 실행되지 않아서 yOffset이 초기화 되지 않아 0으로 나오나? 라고 생각하였는데 막상 강의 코드는 딱히 그런 것을 고려하지 않고도 잘 나오는 것 같더라구요.

혹시 어떤 문제일지 알 수 있을까요?

일단 당장에는 window.scrollY를 사용해서 임시조치로 해결했습니다.

    // 새로고침 등으로 스크롤을 처음부터 하지 않는 경우 시작하는 경우 해결을 위해
    window.addEventListener('load', () => {
        setLayout();
        sceneInfo[0].objs.context.drawImage(sceneInfo[0].objs.videoImages[0], 0, 0);
        document.body.classList.remove('before-load');

        // 특정 위치에서 새로 고침 하면 화면이 나오지 않는 문제를 해결
        let tempYOffset = yOffset;
        let tempScrollCount = 0; // 스크롤 몇 번 했는지 저장
        console.log(tempYOffset);
        console.log(yOffset);
        let siId = setInterval(() => {
            window.scrollTo(0, tempYOffset);
            tempYOffset += 5;
            tempScrollCount++;

            if (tempScrollCount > 20) {
                clearInterval(siId);
            }
        }, 20);
  
        // ..............