Contents

Develop
2003.04.23 10:19

[css] 화면 스크롤 제어 ㅋㅋ

Views 8705 Comment 0
?

Shortcut

PrevPrev Article

NextNext Article

Larger Font Smaller Font Up Down Go comment Print
?

Shortcut

PrevPrev Article

NextNext Article

Larger Font Smaller Font Up Down Go comment Print

웹페이지를 만들다 보면  디자인 때문에 가로 혹은 세로 스크롤만 필요한 경우가 있다.


웹페이지나 프레임의 기본 속성인 scrolling = auto|no|yes 로는 디테일한 제어가 어렵다.


CSS를 이용해 원하는 방향만 스크롤 가능하게 할 수 있다.


우선 웹 페이지 혹은 프레임을 생성하면서 scrolling은 auto로 설정한다.

body 부분에 원하는 스타일을 주면 가능하다.


즉,

style="overflow-x:hidden" 은 가로 스크롤바를 

style="overflow-y:hidden" 은 세로 스크롤바를 생성되지 않게한다.


또한 style="overflow:hidden" 이렇게하면 가로세로 스크롤바가 생성되지 않는다 ㅋㅋ



?

List of Articles
No. Category Subject Author Date Views
1125 Develop [ios] APNS, Remote Push 사용자가 수신을 동의했는지 확인하기 hooni 2018.10.19 1363
1124 Develop [ios] APNS, Remote Push 수신 시점에서 앱의 3가지 실행 상태 hooni 2018.10.19 1081
1123 Develop [ios] Swift 4 String, Date, DateFormatter 예제 hooni 2018.10.18 1507
1122 System/OS Mac에서 Node.js 설치하기 file hooni 2018.09.28 4332
1121 System/OS 서버 확장을 위한 두 가지 방법 file hooni 2018.08.29 2259
1120 Develop [ios] Requesting Location Permissions in iOS file hooni 2018.08.18 1726
1119 Develop [PHP] MacOS에서 PHP 7 설치하기 file hooni 2018.05.11 5027
1118 Develop [php] Connect to Firebase Console in Laravel file hooni 2018.05.09 3220
1117 Develop [api] 인스타그램 API Access_Token 발급 방법 (Instagram API) 3 file hooni 2018.04.05 7726
1116 Develop [api] 인스타그램에서 최신 이미지 가져오기 (Using Instagram API) 20 file hooni 2018.04.05 12604
1115 Develop [js] Click button copy to clipboard hooni 2018.04.05 1288
1114 Develop [php] Laravel 4. twitter bootstrap 적용하기 hooni 2018.04.05 2690
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 98 Next
/ 98