간혹 스크롤은 되는데 스크롤바가 없는 것을 볼 수 있다.
사실 복잡한 기능이 아니고 CSS 속성만으로도 구현할 수 있다.
: 내가 만든 컨테이너의 크기보다 넘치는 양의 컨텐트를 넣었을때 컴퓨터는 이 컨텐트를 컨테이너 밖까지 내보내게 된다.
아무런 설정이 없는 경우, 컨테이너를 넘쳐 버리게 되지만 스타일 설정에 따라 넘친 부분에 효과를 줄 수 있다.
.textBox {
text-overflow: hidden;
}
.imgBox {
overflow: hidden;
.scrollbar {
overflow-x: auto;
}
: 사실 너무 쉽다.
::-webkit-scrollbar {
display: none;
}
아주 간단하다.
Webkit은 다음에 다뤄보도록 하고 일단 이렇게 스크롤바를 끄면 끝난다.
(Webkit이란 크롬과 사파리에서 작용하는 코드이므로 익스플로러라면 ms를 이용하자)
아무튼 이것만 넣으면 끝!