프론트엔드-코드/CSS

sticky

sdafdq 2023. 9. 26. 10:07

position:sticky

이거 top, left 등 설정하면 스크롤 내릴때 평범히 내려가다 화면의 top이라던지 그 위치에 오면 붙어버림.

 

이거는 부모안의 영역까지만 붙어져 있음. 부모 영역을 벗어나면 그 부모의 맨 끝에 막혀서 더이상 못 따라옴.

부모의 position이 뭐든 그건 상관 없음.

 

 

'프론트엔드-코드 > CSS' 카테고리의 다른 글

clip-path  (0) 2023.09.26
글자 투명하게  (0) 2023.09.26
background-blend-mode 블랜드모드  (0) 2023.09.25
그리드 레이아웃  (0) 2023.09.18
flex: 1 1 400px  (0) 2023.09.15