sign in
join
게시판 본문 ASP, ASP.NET, IIS & Script - Read Only 
| re: DIV 의 스크롤 바를... |
|---|
|
작성자: 송원석
작성일시: 2004-08-19 16:06,
조회수: 2,733
|
|
이 문제의 핵심은 말씀하신 바와 같이 DIV 태그의 스타일시트를 다루는 부분에 있습니다. 예를 들어서 해당 DIV 태그를 살펴보시면 아마도 다음과 비슷한 형태를 가지고 있을 확율이 높습니다.
<div id="MyDiv" style="height: 200pt; overflow-y: auto;"> ... </div>물론 이 샘플 HTML 코드에서는 스타일시트의 여러가지 속성들중에서 극히 일부분만을 보여주고 있습니다만 실제로는 이보다 복잡하겠죠. 여기에서는 height 속성에는 200 포인트가 설정되어 있고 overflow-y 속성에는 auto 가 설정되어져 있으므로, DIV 태그의 안쪽에 존재하는 내용물의 높이가 200 포인트보다 더 크면 자동적으로 스크롤바가 나타나고 작으면 스크롤바가 나타나지 않습니다. 그러나 만약에 overflow-y 속성에 auto 가 아니라 scroll 이 지정되어져 있다면 내용물의 높이에 상관없이 항상 스크롤바가 나타게 됩니다. 그리고 세 번째로 hidden 으로 되어 있다면 항상 스크롤바가 나타나지 않으면서 내용물의 크기에 맞추어 DIV 태그의 전체적인 높이도 늘어납니다. 그리고 이와 비슷한 관계가 width 속성과 overflow-x 속성간에도 그대로 성립되구요. ^_^ 따라서 원하시는 작업을 해주시려면 overflow-y 속성과 overflow-x 속성의 값을 모두 hidden 으로 설정해주시면 됩니다. 먼저 언제나처럼 id 를 이용하여 개체를 얻어내시고 다음의 자바스크립트 코드와 같이 해당 스타일시트 속성을 설정해주시면 되겠죠. 그리고 참고적으로 overflow 라는 속성도 있는데 이는 위의 두 가지 속성을 한 꺼번에 지정할 때 사용됩니다. var objDIV = document.all.MyDiv; objDIV.style.overflowX = "hidden"; objDIV.style.overflowY = "hidden"; objDIV.style.overflow = "hidden";감사합니다. |
|
IP 주소: 211.226.150.136
|
|
게시물 | |||
|---|---|---|---|---|
| 645 |
정보문 |
2004-08-20 | 724 | |
| 644 | 2004-08-21 | 2,536 | ||
| 643 |
궁금이 |
2004-08-20 | 692 | |
| 642 | 2004-08-20 | 2,716 | ||
| 641 |
궁금이 |
2004-08-21 | 800 | |
| 640 | 2004-08-21 | 2,615 | ||
| 639 |
|
궁금이 |
2004-08-23 | 868 |
| 638 |
Anonymous |
2004-09-01 | 0 | |
| 637 | 2004-08-20 | 2,602 | ||
| 636 |
정보문 |
2004-08-20 | 718 | |
| 635 |
리팩토링^^ [1] |
정보문 |
2004-08-20 | 688 |
| 634 |
NEIS 이전의 CS에서는 [1] |
정보문 |
2004-08-20 | 767 |
| 633 | 2004-08-20 | 2,600 | ||
| 632 | 2004-08-20 | 2,799 | ||
| 631 | 2004-08-20 | 2,606 | ||
| 630 | 2004-08-20 | 4,509 | ||
| 629 |
정보문 |
2004-08-19 | 772 | |
| 628 |
|
2004-08-20 | 2,546 | |
| 627 |
정보문 |
2004-08-19 | 696 | |
| 626 | 2004-08-20 | 2,560 | ||
| 625 | 2004-08-19 | 2,753 | ||
 |
2004-08-19 | 2,733 | ||
| 623 |
Anonymous |
2004-09-01 | 0 | |
| 622 | 2004-08-19 | 2,658 | ||
| 621 |
Anonymous |
2004-09-01 | 0 |
re: 동시에 쳐 들어가도...
확인
취소