강사님 안녕하세요~!
패럴렉스 효과로 cloudWrap.style.transform = "translateY(" + scrollTop / 2 + "px)"; 주자마자,
전체 스크롤높이가 전보다 길어지고, 로딩바도 progress를 넘어서 계속 늘어나는데 해결방법이 있을까요?ㅠ

완성된 파일 첨부 드렸습니다. 확인해 보세요~

안녕하세요. 스크롤 값이 실제로 길어져서 그런데요.
<span style="box-sizing: inherit; 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; background-color: #ffffff;">우선&nbsp;<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; font-weight: bold;">cloudWrap position: fixed 확인해 주시고,<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;">
<span style="box-sizing: inherit; 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; background-color: #ffffff;">"translateY(" + -scrollTop / 2 + "px)";
<span style="box-sizing: inherit; 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; background-color: #ffffff;">구름을 위쪽으로 올리면 그런 현상이 없어질 겁니다. -scrollTop (마이너스)

Inflearn Community Q&A

패럴렉스