Develop
2003.04.23 10:19
[css] 화면 스크롤 제어 ㅋㅋ
조회 수 8706 댓글 0
웹페이지를 만들다 보면 디자인 때문에 가로 혹은 세로 스크롤만 필요한 경우가 있다.
웹페이지나 프레임의 기본 속성인 scrolling = auto|no|yes 로는 디테일한 제어가 어렵다.
CSS를 이용해 원하는 방향만 스크롤 가능하게 할 수 있다.
우선 웹 페이지 혹은 프레임을 생성하면서 scrolling은 auto로 설정한다.
body 부분에 원하는 스타일을 주면 가능하다.
즉,
style="overflow-x:hidden" 은 가로 스크롤바를
style="overflow-y:hidden" 은 세로 스크롤바를 생성되지 않게한다.
또한 style="overflow:hidden" 이렇게하면 가로세로 스크롤바가 생성되지 않는다 ㅋㅋ
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
69 | Develop | [php][laravel] 라라벨 개발환경 세팅하기 (Mac, Window) 2 | hooni | 2017.12.15 | 2778 |
68 | Develop | Laravel 5 Failed opening required bootstrap/../vendor/autoload.php | hooni | 2018.01.24 | 1838 |
67 | Develop | [php] Laravel Route에서 PC/Mobile 분기 | hooni | 2018.01.24 | 2675 |
66 | Develop | What is difference between Get, Post, Put and Delete? | hooni | 2018.02.28 | 1572 |
65 | System/OS | 콘솔에서 패스워드 걸린 zip 압축하는 명령 | hooni | 2018.03.02 | 1137 |
64 | System/OS | [mac] 맥에서 기본 실행 앱 변경하기 | hooni | 2018.03.02 | 1970 |
63 | Develop | [python] DJI Tello 드론 코딩 (프로그래밍) 58 | hooni | 2018.03.04 | 28154 |
62 | Develop | How to Test SMTP AUTH using Telnet | hooni | 2018.04.05 | 1591 |
61 | System/OS | How to Setup an Email Server on CentOS 7 | hooni | 2018.04.05 | 3036 |
60 | Develop | [php] Laravel 4. twitter bootstrap 적용하기 | hooni | 2018.04.05 | 2703 |
59 | Develop | [js] Click button copy to clipboard | hooni | 2018.04.05 | 1302 |
58 | Develop | [api] 인스타그램에서 최신 이미지 가져오기 (Using Instagram API) 20 | hooni | 2018.04.05 | 12647 |