Live Brilliant

레이어에 스크롤 생기게 (div) 본문

개발은 핵찜이야/HTML/CSS

레이어에 스크롤 생기게 (div)

주인정 2012. 4. 13. 17:41

- 스크롤바 제어
style ="overflow-x:hidden" -> 가로 스크롤바 생성 안되도록
style ="overflow-y:hidden" -> 새로 스크롤바 생성 안되도록
style ="overflow:hidden" -> 가로세로 스크롤바 생성 안되도록 한다.
페이지 <body> 부분 안에 넣으면 된다.

<script>
body{
scrollbar-face-color: #E8E7E3;
scrollbar-highlight-color: #999999;
scrollbar-3dlight-color: #E8E7E3;
scrollbar-shadow-color: #999999;
scrollbar-darkshadow-color: #E8E7E3;
scrollbar-track-color: #E8E7E3
}
<script>
<div style="overflow-y:scroll; width:100%; height:65px;">
내용

</div>



아래 내용은 인기차트20에 20개의 리스트를
div style에 overflow-y:scroll 를 넣으면 스크롤이 생긴다.
스크롤바는 스타일을 지정해 주면 깔끔하게 만들어진다

'개발은 핵찜이야 > HTML/CSS' 카테고리의 다른 글

웹페이지 프린트시 페이지 구분  (0) 2012.04.16
CSS 별표 평점표시  (0) 2012.04.13
div 레이어 테이블  (0) 2012.04.13
버튼 클릭시 이미지 팝업 호출 소스  (0) 2012.04.13
이미지맵태그_좌표값읽기(coords) 이미지 팝업  (0) 2012.04.13
'개발은 핵찜이야/HTML/CSS' Related Articles more
Comments