Develop
2003.04.23 10:19
[css] 화면 스크롤 제어 ㅋㅋ
Views 8708 Comment 0
웹페이지를 만들다 보면 디자인 때문에 가로 혹은 세로 스크롤만 필요한 경우가 있다.
웹페이지나 프레임의 기본 속성인 scrolling = auto|no|yes 로는 디테일한 제어가 어렵다.
CSS를 이용해 원하는 방향만 스크롤 가능하게 할 수 있다.
우선 웹 페이지 혹은 프레임을 생성하면서 scrolling은 auto로 설정한다.
body 부분에 원하는 스타일을 주면 가능하다.
즉,
style="overflow-x:hidden" 은 가로 스크롤바를
style="overflow-y:hidden" 은 세로 스크롤바를 생성되지 않게한다.
또한 style="overflow:hidden" 이렇게하면 가로세로 스크롤바가 생성되지 않는다 ㅋㅋ
No. | Category | Subject | Author | Date | Views |
---|---|---|---|---|---|
817 | Develop | [ios] Swift 4 Dictionary 사용하기 | 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 | hooni | 2018.08.18 | 1746 |
811 | Develop | [PHP] MacOS에서 PHP 7 설치하기 | hooni | 2018.05.11 | 5056 |
810 | Develop | [php] Connect to Firebase Console in Laravel | hooni | 2018.05.09 | 3234 |
809 | Develop | [api] 인스타그램 API Access_Token 발급 방법 (Instagram API) 3 | hooni | 2018.04.05 | 7761 |
808 | Develop | [api] 인스타그램에서 최신 이미지 가져오기 (Using Instagram API) 20 | 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 |