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
번호 분류 제목 글쓴이 날짜 조회 수
817 Develop [ios] Swift 4 Dictionary 사용하기 file hooni 2018.11.29 2023
816 Develop [ios] Swift 4 Singleton inheritance hooni 2018.10.31 1588
815 Develop [ios] APNS, Remote Push 사용자가 수신을 동의했는지 확인하기 hooni 2018.10.19 1248
814 Develop [ios] APNS, Remote Push 수신 시점에서 앱의 3가지 실행 상태 hooni 2018.10.19 963
813 Develop [ios] Swift 4 String, Date, DateFormatter 예제 hooni 2018.10.18 1392
812 Develop [ios] Requesting Location Permissions in iOS file hooni 2018.08.18 1597
811 Develop [PHP] Mac OS에서 PHP 7 설치하기 file hooni 2018.05.11 4876
810 Develop [php] Connect to Firebase Console in Laravel file hooni 2018.05.09 3106
809 Develop [api] 인스타그램 API Access_Token 발급 방법 (Instagram API) 3 file hooni 2018.04.05 7553
808 Develop [api] 인스타그램에서 최신 이미지 가져오기 (Using Instagram API) 20 file hooni 2018.04.05 12336
807 Develop [js] Click button copy to clipboard hooni 2018.04.05 1167
806 Develop [php] Laravel 4. twitter bootstrap 적용하기 hooni 2018.04.05 2537
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 71 Next
/ 71