웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
새창에서 세로스크롤만 되도록 하기
2003.06.26 10:08
보통 스크롤은 scroll=yes, no, auto 세가지로 되어 있던데요.
새창에서 auto 로 하니깐 no 해버린 것처럼 가로, 세로 스크롤이 하나도 안나오더군요.
그리고, yes 해버리면 스크롤이 필요없을 때에도 옆쪽에 스크롤 모양이 생겨서 별로 이쁘지도 않구요.
그래서, 이것저것 조합하다가 우연찮게 된 거긴 하지만...
이렇게 해보았습니다.
<body scroll=auto style="overflow-x:hidden">
즉, 스크롤을 오토로 해 놓고, 가로 스크롤은 숨겨버리는 거죠.
이렇게 하고, 새창을 띄워보니,
스크롤이 필요없을 때에는, 아주 깨끗한 창이 되고,
또, 내용이 길어질 때는 세로로만 스크롤이 생겨서 보기 좋았습니다.
참고로, <body style="overflow-x:hidden;overflow-y:scroll"> 저는 이 태그가 먹히질 않아서, 위에처럼 했습니다.
스크롤바가 가로, 세로 둘다 생기질 않더군요.
중복팁일지 모르겠지만, 제가 찾아본 거 중에는 없어서, 저처럼 또 힘겹게 찾구 계신 님이 없지 않을까 해서 올려봅니다.
좋은 하루 되십시오.
새창에서 auto 로 하니깐 no 해버린 것처럼 가로, 세로 스크롤이 하나도 안나오더군요.
그리고, yes 해버리면 스크롤이 필요없을 때에도 옆쪽에 스크롤 모양이 생겨서 별로 이쁘지도 않구요.
그래서, 이것저것 조합하다가 우연찮게 된 거긴 하지만...
이렇게 해보았습니다.
<body scroll=auto style="overflow-x:hidden">
즉, 스크롤을 오토로 해 놓고, 가로 스크롤은 숨겨버리는 거죠.
이렇게 하고, 새창을 띄워보니,
스크롤이 필요없을 때에는, 아주 깨끗한 창이 되고,
또, 내용이 길어질 때는 세로로만 스크롤이 생겨서 보기 좋았습니다.
참고로, <body style="overflow-x:hidden;overflow-y:scroll"> 저는 이 태그가 먹히질 않아서, 위에처럼 했습니다.
스크롤바가 가로, 세로 둘다 생기질 않더군요.
중복팁일지 모르겠지만, 제가 찾아본 거 중에는 없어서, 저처럼 또 힘겹게 찾구 계신 님이 없지 않을까 해서 올려봅니다.
좋은 하루 되십시오.
댓글 10
-
nreal
2003.06.26 14:57
아마 overflow-y:auto 하면 될껄요? -
박진철
2003.06.27 14:58
헤헤헤 저같은 초보에겐 두분의 팀이 다 도움이 되네요~
감사합니당~ -
必勝
2003.06.27 22:04
제가 원했던거.....ㅋ;ㅋ; -
윙크벨
2003.07.04 14:18
nreal님/
글쎄요, 제가 테스트 해본 결과 overflow-y:auto 역시 어떤 스크롤도 생기지를 않네요.
저만 그런건지, 어떤지는 잘 모르겠습니다.
혹시, 다른 소스들도 되는 님이 있으면 글들 올려주시기 바랍니다. ^^ -
구루™
2003.07.09 20:19
윙크벨님//엔터를 페이지 넘길 때까지 치고 하면 보일듯..;; -
윙크벨
2003.07.15 16:39
구루™ 님/
물론 그렇게 테스트 해보았답니다. ;; -
zeze
2003.12.01 22:04
앗~벌써 장금이 할 시간이~~ -
우기찌니
2004.01.12 16:39
전왜안돼죠? -
아기벌레
2005.01.05 10:24
저는 overflow:auto; overflow:x-hidden이라고 소스 넣으니까 되네영...
세로만 스크롤바 생기게... -
박상훈
2006.06.10 01:16
감사합니다~ 아직 실행해보진 않았지만요 ㅋㅋ
제목 | 글쓴이 | 날짜 |
---|---|---|
저기에서 이리로 온 글입니다.
[3]
![]() | 이성영 | 2002.05.07 |
하이텔에서 가져오는 서울특별시와 광역시 날씨 [3] | 김희섭 | 2002.04.30 |
배경음악과 동영상 삽입 <embed> [7] | 제이지라 | 2002.04.26 |
DHTML의 시작 - Typing 스크립트 (예제) [2] | Legend | 2002.04.19 |
DHTML의 시작 - Form에 대해 (2) - input 엘리먼트 [5] | Legend | 2002.04.18 |
DHTML의 시작 - Form에 대해 (1) [2] | Legend | 2002.04.14 |
DHTML의 시작 - CSS와 객체 관계 [2] | Legend | 2002.04.12 |
이미지에 DHTML로 테두리를 만들어보자..포토샵 저리가라~~ [4] | ZipShin | 2002.04.11 |
DHTML의 시작 - HTML 구조 및 자바스크립트 객체지정법 [4] | Legend | 2002.04.11 |
드래그하면 바뀌는 마술거울효과 (-_-")v
[16]
![]() | 짱나 | 2002.04.05 |
투명한 아이프레임 [15] | 파야 | 2002.04.04 |
점선테이블..만들기 [6] | 각설탕 | 2002.03.31 |
엔지오식 레이어 메뉴 구성하기 (허접) [3] | 정영순 | 2002.03.28 |
두 개의 프레임을 동시에 제어하기
[4]
![]() | (づ_-) 위드 | 2002.03.25 |
유군 스타일 웹사이트 제작법 [15] | 유군-_-)/ | 2002.03.20 |
스크롤바 색상을 이쁜것만 모와요 [6] | ZipShin | 2002.03.16 |
인코딩 정보 일본어, 중국어, 스페인어 [3] | 탐그루 | 2002.03.16 |
아름지기식 홈페이지만들기5 [5] | 아름지기 | 2002.03.16 |
타자를 치면 바로바로 화면에 글이 쑤욱 [7] | 이슈™ | 2002.03.13 |
아름지기식 홈페이지 만들기4 [14] | 아름지기 | 2002.03.12 |