<p>안녕하세요!&nbsp;</p>
<p>opacity가 0이 안되어 질문드립니다.</p>
<p>왜 스크롤할때마다 opacity 값이 달라지는지 이해가 가지않아서요...</p>
<p>https://seon-o.github.io/apple-website/</p>
<p><img src="https://cdn.inflearn.com/public/files/posts/573d4c03-1210-4c0f-a0ea-ca76b9e790c8/화면 캡처 2020-11-08 230731.png" title="화면 캡처 2020-11-08 230731.png" width="1893" height="943" alt="" /></p>

<p>스크롤 속도가 빨라지면 오차가 발생할 수 밖에 없어서, <strong>calcValues</strong> 함수에서는 범위를 벗어나면 안전장치로 처음값(values[0])이나 최종값(values[1])로 세팅해주는 부분이 있는데요, 값을 rv에 할당해 주는 부분이 빠졌습니다^^</p>
<p>이 부분을</p>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 16px; line-height: 24px; white-space: pre;">
<div>} <span style="color: #c586c0;">else</span> <span style="color: #c586c0;">if</span> (<span style="color: #9cdcfe;">currentYOffset</span> &lt; <span style="color: #4fc1ff;">partScrollStart</span>) {</div>
<div><span style="color: #9cdcfe;">values</span>[<span style="color: #b5cea8;">0</span>];</div>
<div>} <span style="color: #c586c0;">else</span> <span style="color: #c586c0;">if</span> (<span style="color: #9cdcfe;">currentYOffset</span> &gt; <span style="color: #4fc1ff;">PartScrollEnd</span>) {</div>
<div><span style="color: #9cdcfe;">values</span>[<span style="color: #b5cea8;">1</span>];</div>
<div>}</div>
</div>
<p>이렇게 바꾸어주세요~</p>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 16px; line-height: 24px; white-space: pre;">
<div>} <span style="color: #c586c0;">else</span> <span style="color: #c586c0;">if</span> (<span style="color: #9cdcfe;">currentYOffset</span> &lt; <span style="color: #4fc1ff;">partScrollStart</span>) {</div>
<div>rv = <span style="color: #9cdcfe;">values</span>[<span style="color: #b5cea8;">0</span>];</div>
<div>} <span style="color: #c586c0;">else</span> <span style="color: #c586c0;">if</span> (<span style="color: #9cdcfe;">currentYOffset</span> &gt; <span style="color: #4fc1ff;">PartScrollEnd</span>) {</div>
<div>rv = <span style="color: #9cdcfe;">values</span>[<span style="color: #b5cea8;">1</span>];</div>
<div>}</div>
</div>
<p></p>

Cộng đồng Hỏi & Đáp của Inflearn

opacity가 0이 안되어 질문드립니다.