• 방명록을 남겨 주세요 :-) 일주일 동안 열지 않기
  • 다크모드 ↔ 라이트모드 변경 방법 일주일 동안 열지 않기

깨알팁

팁 게시판입니다.
  • 목록
  • 아래로
  • 위로
  • 댓글 0개
  • 검색
  • 라이트모드

웹팁 스크롤 기능은 유지하고 스크롤바를 숨기는 CSS 적용 방법

이윰
750 1 0

모바일 가로 메뉴에 스크롤바가 생겨서 적용해 봤습니다.
스크롤 기능은 유지하고 스크롤바를 숨기는 방법입니다. 

 

예시 )

<div id="test" class="box">
      <div class="box_list">
      </div>
</div>

.box_list 에 적용하려면 스타일 시트에 다음과 같이 추가합니다.

.box .box_list {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.box .box_list::-webkit-scrollbar {display: none !important; /* Chrome, Safari,Opera */ } 

사이트에 있는 모든 스크롤바에 적용을 하려면?

body {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
body::-webkit-scrollbar {display: none !important; /* Chrome, Safari, and Opera */ } 
신고공유스크랩

댓글 0

댓글 쓰기
권한이 없습니다. 로그인

신고

"님의 댓글"

이 댓글을 신고하시겠습니까?

댓글 삭제

"님의 댓글"

이 댓글을 삭제하시겠습니까?

공유

퍼머링크
제목 조회 수
0
image
7
0
image
20
0
normal
10
0
normal
62
+1
normal
86
0
normal
104
+1
image
241
+1
image
261
+3
normal
576
+1
image
217
+1
image
184
0
normal
166
0
normal
192
+1
normal
750
+1
normal
124
+5
image
204
+1
normal
177
+1
normal
893
+1
image
215
+1
normal
290