본문 바로가기
카테고리 없음

DIV 박스안에 스크롤바 만들기

by 휘루걸음 2011. 5. 26.
728x90
반응형
 출처 : means24.blog.me/30096288911
한정된 페이지안에서 페이지안의 내용을 보여줄때는, iframe이나 DIV을 많이 사용하게 되는데, iframe이 다른 페이지를 불러온다면,

div는 같은 페이지안에서 내용을 넣을 때 좋다.

 

----------------------------------------------------------------------------------------------------------------------

 

방법 정리

 

1. div 박스를 만든다.

 

2. div 박스 스타일에 가로값과, 세로값을 고정한다.

 

3. 가로 스크롤바가 나오게 하려면 overflow-x:scroll; overflow-y:hidden; 

    가로쪽에 스크롤바 속성을 세로쪽엔 스크롤바가나오지 않는 속성을 지정

 

    세로 스크롤바가 나오게 하려면 overflow-x:hidden; overflow-y:scroll; 

    세로쪽에 스크롤바 속성을 가로쪽엔 스크롤바가나오지 않는 속성을 지정

 

4. 스크롤바에 색상과 컬러 등을 지정하려면 scrollbar 속성을 지정한다.  

※ 스크롤바 색상과 컬러 지정 속성은 익스플로러에서만 지원하는 속성이기 때문에,

     파이어폭스 및 여타의 브라우저에서는 우리가 알고있는 회색의 스크롤바만 나오게 된다. 

728x90
반응형