Contents

Develop
2003.04.23 10:19

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

Views 8708 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
817 Develop [ios] Swift 4 Dictionary 사용하기 file hooni 2018.11.29 2134
816 Develop [ios] Swift 4 Singleton inheritance hooni 2018.10.31 1695
815 Develop [ios] APNS, Remote Push 사용자가 수신을 동의했는지 확인하기 hooni 2018.10.19 1377
814 Develop [ios] APNS, Remote Push 수신 시점에서 앱의 3가지 실행 상태 hooni 2018.10.19 1100
813 Develop [ios] Swift 4 String, Date, DateFormatter 예제 hooni 2018.10.18 1520
812 Develop [ios] Requesting Location Permissions in iOS file hooni 2018.08.18 1746
811 Develop [PHP] MacOS에서 PHP 7 설치하기 file hooni 2018.05.11 5056
810 Develop [php] Connect to Firebase Console in Laravel file hooni 2018.05.09 3234
809 Develop [api] 인스타그램 API Access_Token 발급 방법 (Instagram API) 3 file hooni 2018.04.05 7761
808 Develop [api] 인스타그램에서 최신 이미지 가져오기 (Using Instagram API) 20 file hooni 2018.04.05 12669
807 Develop [js] Click button copy to clipboard hooni 2018.04.05 1307
806 Develop [php] Laravel 4. twitter bootstrap 적용하기 hooni 2018.04.05 2707
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 71 Next
/ 71