웹마스터 팁
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
감사합니다~ 아직 실행해보진 않았지만요 ㅋㅋ