html 스크롤바 없애기
html 문서를 작성하다 보면 스크롤바를 없애고 싶을 때가 있다.
특히 내용이 한눈에 보이는데 화면 구석에 있는 스크롤바가 거슬리기도 한다.
그럴때 사용할 수 있는 Tip이다.
css의 body 스타일을 수정한다.
1) overflow:hidden
혹은 body 선언에서
2) scroll="no"
3) overflow:auto 스크롤이 내용에 따라 자동생성
4) overflow:auto
html 문서를 작성하다 보면 스크롤바를 없애고 싶을 때가 있다.
특히 내용이 한눈에 보이는데 화면 구석에 있는 스크롤바가 거슬리기도 한다.
그럴때 사용할 수 있는 Tip이다.
css의 body 스타일을 수정한다.
1) overflow:hidden
body {overflow:hidden} |
<body style="overflow:hidden;"> |
2) scroll="no"
<body scroll="no"> |
3) overflow:auto 스크롤이 내용에 따라 자동생성
<body style="overflow:auto"> |
4) overflow:auto
<body style="width:100%; overflow-x:hidden; overflow-y:hidden;"> |