jay k

다시 써본 코드입니다 😓도큐먼트 보고 pin에 요소를 넣어 썼는데 다음강의에 나오는 endTrigger로 간단히 해결되네요 ! fixed는 섹션 위로 덮어지지 않아서 css도 조금 수정해 보았습니다!🤔<pre><code class="language-javascript">// ScrollTrigger.create({
// trigger: '.scroll-content',
// start: 'top top',
// end: 'bottom top',
// pin: nav,
// pinSpacing: false,
// markers: true,
// });
ScrollTrigger.create({
 trigger: nav,
 start: 'top top',
 endTrigger: '.scroll-content',
 end: 'bottom bottom',
 pin: true,
 pinSpacing: false,
 markers: true,
});</code></pre><pre><code class="language-css">
#container {
 width: 100vw;
 height: 100vh;
 position: relative;
}

.nav {
 /* position: fixed; */
 position: absolute;
 left: 0;
 top: 0;
 width: 100vw;
 z-index: 999;
 background: rgb(235 222 193);
}</code></pre>

nav위에 마우스를 올리면 스크롤이 안돼요 😢

두개는 더이상 서비스하지 않는 옵션이래요 ! 지우시면 될것같아요!<pre class="hljs"><code class="language-javascript"> // useCreateIndex: true,
 // useFindAndModify: false,</code></pre>

게시글