눈앞에 고정되있는요소 : 스크롤이 되더라도 내려가지 않음….

핵심 : position : fixed

.sticky-elem에 position : fixed를 준다.

스크롤 되는 구간과 상관없이 그냥 위에 다 딱 붙어 버린 모습…

문제점 : 다같아 붙어 버렸다.

현재 스크롤 하고 있는 구간의 요소들만 애니메이션 처리 해야함.

<aside> 💡 현재 스크롤 하고 있는 sticky elem들만 눈앞에 보여 줘야한다.

</aside>

🔥 스크롤 구간이 scroll-section-2이면 body id에 show-scene-2를 붙여서 요소가 나오게 하는 방법

body#show-scene-0 #scroll-section-0 .sticky-elem,
body#show-scene-1 #scroll-section-1 .sticky-elem,
body#show-scene-2 #scroll-section-2 .sticky-elem,
body#show-scene-3 #scroll-section-3 .sticky-elem {
  display: block;
}