Web/HTML, CSS
2023.07.15
1
[CSS] position : sticky 속성 - 요소를 스크롤에 따라오게 만들기
sticky는 영어로 '끈적끈적하다'라는 형용사입니다. position : sticky로 설정하면 끈적끈적하다는 말처럼 스크롤을 계속해서 따라오는 html요소를 생성할 수 있는데요. sticy position으로 설정되어 있는 요소는 스크롤하지 않을 때는 static position처럼 동작하다가 스크롤할 때는 이전 포스팅에서 배웠던 fixed position처럼 작동합니다. 아래 예시를 보시면 이해가 빠르실 겁니다. position : sticky 사용법 See the Pen position : sticky by wjdxo513 (@wjdxo513) on CodePen. top : 상단에서 픽셀만큼 요소를 아래에 고정시킵니다. right : 우측에서 픽셀만큼 요소를 왼쪽에 고정시킵니다. left : 좌..
