html 가로, 세로 스크롤 숨김

교교 2014.03.12 12:28:25

<BODY> 안에 아래 코드를추가합니다. 

 

// 가로 스크롤 숨김

<body style="overflow-x:hidden">

 

// 세로 스크롤 숨김 

<body style="overflow-y:hidden"> 

 

 

 
<body style="overflow=hidden">
<textarea rows=3 cols=50 style="overflow=hidden">
1)auto:지정된사이즈이상으로 내용이 넘치면 세로스크롤 생김
2)visible:사이즈에 관계없이 내용 모두를 보여줌(스크롤박스만들지 않은것과 같음)
3)hidden: 지정된 사이즈이상의 내용은 잘라버림(스크롤바없음)
4)scroll:무조건 스크롤바를 보여줌(가로,세로 스크롤모두 생김)


<body scroll=no>
스크롤바 없애기

 


<BODY style="overflow-x: hidden">
가로 스크롤바 없애기

 

<body style="overflow: auto; overflow-x:hidden;" >
세로스크롤바는 자동, 가로스크롤바는 없애기
x를 y로 바꾸면 세로가 됩니다.


<head>
<style type="text/css">
<!--
body { overflow:hidden }
-->
</style>
</head>

<body style="overflow-x:hidden;overflow-y:hidden">