Develop
2003.04.23 10:19
[css] 화면 스크롤 제어 ㅋㅋ
조회 수 8702 댓글 0
웹페이지를 만들다 보면 디자인 때문에 가로 혹은 세로 스크롤만 필요한 경우가 있다.
웹페이지나 프레임의 기본 속성인 scrolling = auto|no|yes 로는 디테일한 제어가 어렵다.
CSS를 이용해 원하는 방향만 스크롤 가능하게 할 수 있다.
우선 웹 페이지 혹은 프레임을 생성하면서 scrolling은 auto로 설정한다.
body 부분에 원하는 스타일을 주면 가능하다.
즉,
style="overflow-x:hidden" 은 가로 스크롤바를
style="overflow-y:hidden" 은 세로 스크롤바를 생성되지 않게한다.
또한 style="overflow:hidden" 이렇게하면 가로세로 스크롤바가 생성되지 않는다 ㅋㅋ
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
841 | Develop | '2014 모바일 개발 트렌드' 발표자료입니다. | hooni | 2014.10.02 | 1125 |
840 | Develop | Aspect Oriented Programming in Objective-C | hooni | 2015.05.18 | 936 |
839 | Develop | DDay Memo 1.9.4 소스코드 | hooni | 2015.10.03 | 0 |
838 | Develop | GCM 사용하기 2 (단말에 GCM 구현하기) | hooni | 2013.07.06 | 23402 |
837 | Develop | GCM 사용하기 3 (JSP로 GCM 푸시 서버 만들기) 4 | hooni | 2013.07.06 | 25411 |
836 | Develop | git 브런치 배우기 (링크) | hooni | 2013.07.09 | 20685 |
835 | Develop | GPL, AGPL, MPL,.. 한눈에 보는 오픈소스SW 라이선스 | hooni | 2014.10.14 | 1249 |
834 | Develop | How to Test SMTP AUTH using Telnet | hooni | 2018.04.05 | 1578 |
833 | Develop | JSON, BSON 변환 | hooni | 2013.04.23 | 11860 |
832 | Develop | Laravel 5 Failed opening required bootstrap/../vendor/autoload.php | hooni | 2018.01.24 | 1818 |
831 | Develop | Mac OS 에 Jenkins 설치하기 (Homebrew) 2 | hooni | 2017.03.15 | 8370 |
830 | Develop | macOS에 node, npm 설치하기 (homebrew) | hooni | 2021.11.06 | 1434 |