Develop

[css] 화면 스크롤 제어 ㅋㅋ

by hooni posted Apr 23, 2003
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

웹페이지를 만들다 보면  디자인 때문에 가로 혹은 세로 스크롤만 필요한 경우가 있다.


웹페이지나 프레임의 기본 속성인 scrolling = auto|no|yes 로는 디테일한 제어가 어렵다.


CSS를 이용해 원하는 방향만 스크롤 가능하게 할 수 있다.


우선 웹 페이지 혹은 프레임을 생성하면서 scrolling은 auto로 설정한다.

body 부분에 원하는 스타일을 주면 가능하다.


즉,

style="overflow-x:hidden" 은 가로 스크롤바를 

style="overflow-y:hidden" 은 세로 스크롤바를 생성되지 않게한다.


또한 style="overflow:hidden" 이렇게하면 가로세로 스크롤바가 생성되지 않는다 ㅋㅋ