스크롤 생성할곳의 div 의 style 부분에 아래코드를 추가하시고 width나 height값을 주시면 됩니다.
style='overflow-y:scroll; width: 400; height: 100;'
style='overflow-x:scroll; width: 400; height: 100;'
스타일 부분에 overflow를 y축으로 수정하시고 스크롤바 색상 바꾸는 스타일을 추가시켜 주시면
아이프레임 같은 아래의 효과를 얻을수 있겠죠..
|
위의 소스는
<table width="400" border=1 bordercolor="#dddddd" style="border-collapse:collapse;" >
<tr>
<td>
<div style="width:400;height:100;overflow-y:scroll;
scrollbar-face-color: ffffff;
scrollbar-highlight-color: dddddd;
scrollbar-shadow-color: dddddd;
scrollbar-3dlight-color: ffffff;
scrollbar-arrow-color: dddddd;
scrollbar-track-color: FFFFFF;
scrollbar-darkshadow-color: FFFFFF;">
<table width="100%" border=0 cellspacing="5" >
<tr>
<td></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
[출처] [본문스크랩] 테이블안에 스크롤바 생성하기|작성자 메멘토