[CSS] position: sticky;

position: sticky는 스크롤 되는 영역을 기준으로 배치 되도록 하는 속성이다. 원래 자바스크립트로 작성해야했던 기능을 sticky로 간단하게 구현할 수 있지만 좀 더 응용을 하려면 역시 자바스크립트를 사용해야 한다.

 

sticky를 사용할 때는 top, bottom, left, right로 이 요소가 어느 지점에 배치될지를 반드시 정해주어야 한다.

div{
position:sticky; //속성 선언
top:0; //배치 위치
overflow: auto; // 영역 밖으로 나가는 콘텐츠를 잘라주는 속성
}

 

sticky는 인터넷 익스플로러가 지원 되지 않는다.