원하는 곳에 스크롤 넣기

내가 원하는 곳에 scroll 속성을 넣고싶다면, css의 overflow 속성을 이용하면 된다.

 

overflow: scroll

- 원하는 상위 태그의 내용이 넘치든, 아니든 항상 스크롤바가 붙는다.

 

overflow: auto

- 내용물이 경계를 넘칠 때에만 스크롤바가 붙는다. 내용물에 따라 스크롤바가 붙었다 안붙었다 하기 때문에 디자인에 어려움이 생길 수 있다.

 

overflow: hidden

- 상위 태그의 내용이 넘쳐도 보여주지 않음

 

세로로 스크롤바를 표시하려면 아래와 같이 overflow-y: scroll을 사용하면 된다. 

<div style="overflow-y: scroll; height: 1000px;"> </div>