HTML Navbar 상단고정

허정원·2021년 1월 11일
1

TIL

목록 보기
2/15
post-thumbnail

아주 간단한 Navbar 상단 고정 방법

  • CSS에서

 navbar(selector) : {
 	position: sticky or fixed;
 	top: 0;
 }

✔︎ sticky 속성은 반드시 top, bottom, left, right 와 같은 방향 값이 필요하다.

✔︎ 부모 요소들 어느 하나라도 overflow: hidden 값인 경우 작동하지 않는다.

✔︎ 부모 영역 안에서 기능을 수행함


  • 사진을 클릭하면 직접 수행 가능합니다!

1개의 댓글

comment-user-thumbnail
2021년 1월 13일

몰랐던 부분이네요 잘 읽었습니다!

답글 달기