본문 바로가기

Programming/Html/Tag

[html] 세로 스크롤만 표시하기

출처 : Tong - zhixuan님의 홈페이지 소스통




보통 스크롤은 scroll=yes, no, auto 세가지로 되어 있던데요.

새창에서 auto 로 하니깐 no 해버린 것처럼 가로, 세로 스크롤이 하나도 안나오더군요.

그리고, yes 해버리면 스크롤이 필요없을 때에도 옆쪽에 스크롤 모양이 생겨서 별로 이쁘지도 않구요.

그래서, 이것저것 조합하다가 우연찮게 된 거긴 하지만...

이렇게 해보았습니다.


<body scroll=auto style="overflow-x:hidden">


즉, 스크롤을 오토로 해 놓고, 가로 스크롤은 숨겨버리는 거죠.

이렇게 하고, 새창을 띄워보니,

스크롤이 필요없을 때에는, 아주 깨끗한 창이 되고,

또, 내용이 길어질 때는 세로로만 스크롤이 생겨서 보기 좋았습니다.

참고로, <body style="overflow-x:hidden;overflow-y:scroll"> 저는 이 태그가 먹히질 않아서, 위에처럼 했습니다.

스크롤바가 가로, 세로 둘다 생기질 않더군요.

중복팁일지 모르겠지만, 제가 찾아본 거 중에는 없어서, 저처럼 또 힘겹게 찾구 계신 님이 없지 않을까 해서 올려봅니다.

좋은 하루 되십시오.