선생님 안녕하세요.
캔버스 드로우 애니메이션 2 강의 4분 16초쯤에 css에
.scroll-section {
&nbsp; &nbsp; position: relative;
&nbsp; &nbsp; padding-top: 50vh;
}
부분 추가 하시잖아요.
그런데 case 3에서만 offsetTop값 조정하는건데,
id#scroll-section-3 가 아닌 class.scroll-section에 relative를 주는 이유가 따로 있을까요?

특별한 이유가 있다기보다는, 일반적으로 자식 엘리먼트들이 position: absolute를 가지는 요소들이 있으면 부모 엘리먼트에 relative를 주는게 편하기 때문에 공통적으로 그렇게 자주 처리합니다. 다른 디자인으로 응용해서 만드실 때 어떤 요소가 들어갈지 모르니 범용성 차원에서 그렇게 했다고 생각하셔도 좋고요^^ 생각하신대로, 꼭 필요한 부분에만 넣는다면 <span style="background-color: #ffffff; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, system-ui, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px;">#scroll-section-3에만 넣어도 괜찮습니다.

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

부모 요소에 position : relative