Programming/javascript

[javascript] 간단한 스크롤박스 만들기

성일만 2014. 8. 27. 10:19

간단한 스크롤박스 만들기


<style>

/* 스크롤박스 & 스크롤바 */

.TDscrollbar {

SCROLLBAR-FACE-COLOR: #ededed; 

FONT-SIZE: 9pt; 

SCROLLBAR-HIGHLIGHT-COLOR: #fafafa; 

SCROLLBAR-SHADOW-COLOR: #bdbdbd; COLOR: black; 

SCROLLBAR-3DLIGHT-COLOR: #ffffff; 

SCROLLBAR-ARROW-COLOR: #89a0bc; 

SCROLLBAR-TRACK-COLOR: #F7FFFF; 

FONT-FAMILY: 굴림; 

SCROLLBAR-DARKSHADOW-COLOR: #ffffff; 

 }


#scrollbox {

width:320; 

height:520; 

overflow:auto; 

padding:10px; 

border:0; 

border-style:solid; 

border-color:black;

}

</style>


테이블 부분

<table  style="width: 320; border: 0;" align="left">

<tr>

<td height="60px">

<div id="scrollbox" class=TDscrollbar>

<p>

// 테이블 내용

</p>

<p>

// 테이블 내용

</p>

<p>

// 테이블 내용

</p>

</div>

</td>

</tr>

</table>