보고계신 기능이 적용된
템플릿이에요!
HTML소스를 구매하시면
전체 소스를 활용하실 수 있어요!
-
스마트 사업 플랫폼 HTML 템플릿600,000원88,000원
-
적극적인 홍보를 위한 디지털 마케팅 웹 템플릿600,000원88,000원
-
움직이는 페이지 템플릿 소스 다운로드60,000원10,000원
400여개 디자인
더 많은 템플릿 보기
position sticky 속성 활용법
CSS 24.02.26position: sticky는 요소가 일반적인 문서 흐름에 따라 배치되다가 특정 위치에 도달하면 고정되는 기능을 제공합니다.
즉, 특정 스크롤 위치까지는 일반적인 문서 흐름에 따라 배치되지만 그 이후로는 화면의 특정 위치에 고정됩니다.
이는 유용한 기능으로, 페이지의 헤더나 사이드바 같은 요소들을 스크롤이 일정 위치에 도달하면 화면 상단이나 측면에 고정시키는 데 사용될 수 있습니다.
See the Pen Untitled by designkits (@designkits) on CodePen.
관련 템플릿
