TechScribe Notes
[코딩애플;js]position:sticky 본문
💡sticky는 fixed와 비슷하지만 조건부로 고정이 된다.
-fixed: 항상 화면에 고정이 되는 요소에 사용
-sticky: 스크롤이 되어서 이 요소가 화면에 나오면 고정된다.
그리고 부모박스를 넘어서서 스크롤이 되면 사라진다.
⭐주의할 점
1.스크롤 할만한 부모박스가 있어야 함.
2.top등과 같은 좌표속성이 있어야 제대로 보임
'프론트엔드 > CSS' 카테고리의 다른 글
CSS방법론 (OOCSS, BEM,SMACSS) (0) | 2024.06.27 |
---|---|
[CSS]마진 겹침 현상(margin collapsing) (0) | 2023.12.18 |
CSS에서 사용하는 단위 (0) | 2021.12.20 |
07.웹페이지 레이아웃 (0) | 2021.09.18 |
06.CSS활용 -목록과 폼 꾸미기 (0) | 2021.09.14 |