<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">sticky와 fixed의 경우, 차이점은 알겠는데, 사용을 어떻게 구분지어야할지에 대한 질문이 있습니다.</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">fixed의 경우는 브라우저창에 고정된 것이고, sticky는 position 값이 있는 부모 컨테이너의 특정 좌표에 고정된 것이라고 이해해도 될까요?</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">또, 인터랙션 시 화면에 계속 고정되어야하는 경우는 fixed, 특정 구간에서만 고정되게 하려면 sticky를 쓰는게 좋을까요?</div>

<p>네 맞습니다, sticky는 특정 지점부터 고정시키기 위한 용도로 사용해요~</p>
<p><a href="https://www.youtube.com/watch?v=JHL8ZLLSWKY&amp;t=1020s">https://www.youtube.com/watch?v=JHL8ZLLSWKY&amp;t=1020s</a><br />유튜브에서 얼마전에 진행했던 라이브인데, 이 영상의 17분 지점부터 sticky를 이용해서 간단한 예제를 만들어보는게 있으니 한번 살펴보세요.</p>

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

화면에 고정된 경우 질문있습니다.