div 영역 고정

쇼핑몰 사이트들 같은 사이트들을 보면 위쪽에 메뉴 영역이나 좌, 우측에 메뉴 영역이 스크롤을 해도 고정되어 있는 것이 있다. 간단하게 position: fixed 를 사용한 예제이다.

※기본적으로 #head에 position: fixed 속성이 해당 엘리먼트를 고정시키는 역할을 한다.

※스크롤을 내리면 컨텐츠 부분은 내려가지만 head 부분은 고정되어 따라다니는 것처럼 보인다.