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

section을 3개로 하려고 했더니 오류가 나서 

다시 4개로 하면 

sceneInfo[i].objs.container.style.height = `${sceneInfo[i].scrollHeight}px`;

이부분에서 Cannot read property 'style' of null 라는 오류가 나거나 아래와 같은 오류가 납니다. 

ㅇㅓ디가 잘못된걸까요..?

ㅇ

(() => {
	const sceneInfo = [
		{
			//0
			type: 'normal',
			heightNum: 5, //브라우저 높이의 5배로 scrollHeight 세팅
			scrollHeight : 0,
			objs:{ // html 객체 모음
				container : document.querySelector('scroll-section-0')
			}
		},
		{
			//1
			type: 'sticky',
			heightNum: 5, //브라우저 높이의 5배로 scrollHeight 세팅
			scrollHeight : 0,
			objs:{ // html 객체 모음
				container : document.querySelector('scroll-section-1')
			}
		},
		{
			//2
			type: 'sticky',
			heightNum: 5, //브라우저 높이의 5배로 scrollHeight 세팅
			scrollHeight : 0,
			objs:{ // html 객체 모음
				container : document.querySelector('scroll-section-2')
			}
		},
		{
			//3
			type: 'sticky',
			heightNum: 5, //브라우저 높이의 5배로 scrollHeight 세팅
			scrollHeight : 0,
			objs:{ // html 객체 모음
				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`;
		}
	}
	window.addEvnetListener('resize', setLayout);
	setLayout ();
})();