Contents

Develop
2003.04.23 10:19

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

조회 수 8681 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

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


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


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


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

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


즉,

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

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


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



?

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
1125 Develop [ios] APNS, Remote Push 사용자가 수신을 동의했는지 확인하기 hooni 2018.10.19 1248
1124 Develop [ios] APNS, Remote Push 수신 시점에서 앱의 3가지 실행 상태 hooni 2018.10.19 963
1123 Develop [ios] Swift 4 String, Date, DateFormatter 예제 hooni 2018.10.18 1392
1122 System/OS Mac에서 Node.js 설치하기 file hooni 2018.09.28 4185
1121 System/OS 서버 확장을 위한 두 가지 방법 file hooni 2018.08.29 2096
1120 Develop [ios] Requesting Location Permissions in iOS file hooni 2018.08.18 1597
1119 Develop [PHP] Mac OS에서 PHP 7 설치하기 file hooni 2018.05.11 4876
1118 Develop [php] Connect to Firebase Console in Laravel file hooni 2018.05.09 3106
1117 Develop [api] 인스타그램 API Access_Token 발급 방법 (Instagram API) 3 file hooni 2018.04.05 7553
1116 Develop [api] 인스타그램에서 최신 이미지 가져오기 (Using Instagram API) 20 file hooni 2018.04.05 12335
1115 Develop [js] Click button copy to clipboard hooni 2018.04.05 1167
1114 Develop [php] Laravel 4. twitter bootstrap 적용하기 hooni 2018.04.05 2537
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 98 Next
/ 98