Develop
2003.04.23 10:19
[css] 화면 스크롤 제어 ㅋㅋ
조회 수 8681 댓글 0
웹페이지를 만들다 보면 디자인 때문에 가로 혹은 세로 스크롤만 필요한 경우가 있다.
웹페이지나 프레임의 기본 속성인 scrolling = auto|no|yes 로는 디테일한 제어가 어렵다.
CSS를 이용해 원하는 방향만 스크롤 가능하게 할 수 있다.
우선 웹 페이지 혹은 프레임을 생성하면서 scrolling은 auto로 설정한다.
body 부분에 원하는 스타일을 주면 가능하다.
즉,
style="overflow-x:hidden" 은 가로 스크롤바를
style="overflow-y:hidden" 은 세로 스크롤바를 생성되지 않게한다.
또한 style="overflow:hidden" 이렇게하면 가로세로 스크롤바가 생성되지 않는다 ㅋㅋ
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
1125 | Develop | [ios] APNS, Remote Push 사용자가 수신을 동의했는지 확인하기 | hooni | 2018.10.19 | 1273 |
1124 | Develop | [ios] APNS, Remote Push 수신 시점에서 앱의 3가지 실행 상태 | hooni | 2018.10.19 | 988 |
1123 | Develop | [ios] Swift 4 String, Date, DateFormatter 예제 | hooni | 2018.10.18 | 1413 |
1122 | System/OS | Mac에서 Node.js 설치하기 | hooni | 2018.09.28 | 4208 |
1121 | System/OS | 서버 확장을 위한 두 가지 방법 | hooni | 2018.08.29 | 2119 |
1120 | Develop | [ios] Requesting Location Permissions in iOS | hooni | 2018.08.18 | 1620 |
1119 | Develop | [PHP] Mac OS에서 PHP 7 설치하기 | hooni | 2018.05.11 | 4898 |
1118 | Develop | [php] Connect to Firebase Console in Laravel | hooni | 2018.05.09 | 3130 |
1117 | Develop | [api] 인스타그램 API Access_Token 발급 방법 (Instagram API) 3 | hooni | 2018.04.05 | 7602 |
1116 | Develop | [api] 인스타그램에서 최신 이미지 가져오기 (Using Instagram API) 20 | hooni | 2018.04.05 | 12446 |
1115 | Develop | [js] Click button copy to clipboard | hooni | 2018.04.05 | 1191 |
1114 | Develop | [php] Laravel 4. twitter bootstrap 적용하기 | hooni | 2018.04.05 | 2560 |