인프런 커뮤니티 질문&답변

장근호님의 프로필 이미지
장근호

작성한 질문수

애플 웹사이트 인터랙션 클론!

스크롤 높이 세팅

Console 에러

작성

·

184

1

콘솔창에 heightNum=5 줄이

Uncaught SyntaxError: Invalid shorthand property initializer

에러 뜨는데, 동영상3번 돌려봐도 잘 모르겠어요 ㅠ

//즉시호출함수
(() => {
  //스크린 높이
  const sceneInfo = [
    {
      // 0
      // 브라우저 높이의 5배로 scrollHeight 세팅
      //디바이스마다 높이가 다르기 때문에 각 기계의 높이를 가지고 와서 x5를 함
      type: 'sticky',
      heightNum = 5,
      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 = `${scrollHeight[i].scrollHeight}`;
    }

    console.log(sceneInfo);
  }

  setLayout();
})();

답변 2

1

모든 heightNum = 5가 = 로 잘못 들어가 있네요. =을 :로 변경하세요.
heightNum : 5

0

장근호님의 프로필 이미지
장근호
질문자

ㅎㅎㅎ감사합니다ㅎㅎㅎ

장근호님의 프로필 이미지
장근호

작성한 질문수

질문하기