<p>https://github.com/GyuryHan/apple_website</p>
<p>제가 봤을땐 오류가 없는 것 같은데 뭐가 문젠지 제대로 작동이 안됩니다 ㅜㅜ</p>
<p>코드 한번 봐주실 수 있을까요,,?</p>

<p>아, 제가 답변을 잘못 달았네요^^;</p>
<pre class="language-css"><code>.image-blend-canvas.sticky-elem {
    top: 0;
}</code></pre>
<p>이 부분을</p>
<pre class="language-css"><code>.image-blend-canvas.sticky {
	position: fixed;
	top: 0;
	z-index: 10;
}</code></pre>
<p>이렇게 바꾸어주세요~</p>

<p>CSS에 이 부분이 빠져있습니다~</p>
<div style="background-color: #ffffff; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 14px; line-height: 21px; white-space: pre;">
<div><span style="color: #800000;">.sticky-elem-canvas</span> <span style="color: #800000;">canvas</span> {</div>
<div><span style="color: #ff0000;">position</span>: <span style="color: #0451a5;">absolute</span>;</div>
<div><span style="color: #ff0000;">top</span>: <span style="color: #098658;">50%</span>;</div>
<div><span style="color: #ff0000;">left</span>: <span style="color: #098658;">50%</span>;</div>
<div>}</div>
</div>

<p>안됩니다 ㅜㅜ제가봤을땐 블렌드되는 이미지의 margin-top 속성이 안먹혀서 그런 것 같은데 맞나요 ,,? JS쪽 문제인 것 같은데 ... 몇번확인해봐도 쌤이랑 코드는 맞게 작성한 것 같은데 안되네여 ㅠㅠ</p>

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

블렌드되는 이미지가 같이 스크롤되어 올라갑니다 ..