고정 헤더1 [HTML/CSS] 상단 고정 헤더 + 메뉴 클릭 시 섹션 이동하기 초간단 상단 고정 헤더 + 섹션 이동 레이아웃 ❣️ position: fixed를 사용하면 해당 영역을 원하는 위치에 고정시킬 수 있고, 물론 스크롤 할 때에도 고정이 된다. 여기에 각 메뉴 태그와 이동을 원하는 섹션 id를 연결시키면 자바스크립트를 사용하지 않아도 자연스러운 섹션 이동을 할 수 있다. [HTML] 메뉴1 메뉴2 메뉴3 메뉴4 [CSS] /* 초기화 */ * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } ul, li { list-style: none; } header { position: fixed; top: 0; left: 0; right: 0; height: 85px; line-h.. 2023. 6. 20. 이전 1 다음
