목록Sticky (1)

Simple Is Best

32. [CSS] position : sticky

안녕하세요. 이번 포스팅에서는 position : sticky에 대해서 공부하겠습니다. 비슷한 속성으로는 position : fixed 가 존재합니다. 우선 position:fixed와 position: sticky의 차이점에 대해서 알아보도록 하겠습니다. fixed vs sticky [position : fixed] : 사이트 내 전체에 스크롤 되어도 viewpoint 에 고정되어서 처음부터 끝까지 고정 된다. ▷ fixed는 body 태그에 붙어서 처음부터 끝까지 fix됩니다. [position : sticky] : 상위 영역에 의존하여 상위 태그가 스크롤 되어서 사라질 때 까지만 고정된다. ▷ sticky는 상위 태그에 붙어서 상위태그가 스크롤 영역에서 사라질 때 까지만 fix 됩니다. 그럼 sti..
HTML & CSS 2021. 7. 19. 11:45
이전 Prev 1 Next 다음