TechScribe Notes

[코딩애플;js]position:sticky 본문

프론트엔드/CSS

[코딩애플;js]position:sticky

yunmee0704 2023. 11. 26. 23:58

💡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