Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 공모주
- 공모주 청약 일정
- 제이쿼리
- 맥
- html
- 6월 공모주 청약 일정
- 자바스크립트
- linux
- JavaScript
- 자바
- php
- codeigniter
- Stock
- 코드이그나이터
- 공모주 청약
- Stock ipo
- 주식 청약
- jquery
- 오라클
- java
- css
- 7월 공모주 청약 일정
- SQL
- IPO
- 리눅스
- MYSQL
- 주식
- Eclipse
- Oracle
- 주식 청약 일정
Archives
- Today
- Total
개발자의 끄적끄적
[html/css] css hide scroll bar example / css 스크롤바 숨기는 방법 본문
728x90
반응형
[html/css] css hide scroll bar example / css 스크롤바 숨기는 방법
특정영역에서
상하 스크롤은 동작하지만,
스크롤바는 숨기고 싶은 경우가 있습니다.
그럴때는 아래와 같이 하시면 됩니다.
예를들어 scroll_div 라는 아이디를 가지는
div 가 있다고 가정하고,
<div id="scroll_div" style="overflow-y: scroll;">
테스트 영역입니다.
</div>
위 div 영역의 스크롤바를
숨기고 싶으면 아래와 같이
css 를 추가하시면 됩니다.
#scroll_div {
-ms-overflow-style: none; /* Explorer */
scrollbar-width: none; /* Firefox */
}
#scroll_div::-webkit-scrollbar {
display: none; /* Chrome */
}
위 내용대로 css 를 추가하면
브라우저 별로 다 동작하실 겁니다!
참고들 하세요!
반응형
'개발 > html & css' 카테고리의 다른 글
[html/css] html input autocomplete off example / html input 자동완성 방지 설정방법 (0) | 2021.11.20 |
---|---|
[html/css] html 버튼 submit 막는 방법 (0) | 2021.11.18 |
[html/css] html 이미지 태그 alt 속성 줄바꿈 적용하는 방법 (0) | 2021.11.12 |
[html/css] html 테이블 텍스트/버튼 동시사용시 깨짐 해결 방법 (0) | 2021.11.02 |
[html] html mime type site / html mime 타입 정리 사이트 [링크] (0) | 2021.10.25 |
Comments