• 다크모드 ↔ 라이트모드 변경 방법 일주일 동안 열지 않기

블로그/웹사이트

홈페이지, 블로그 꾸미기 팁 정보 게시판입니다.
  • 목록
  • 아래로
  • 위로
  • 댓글 0개
  • 검색
  • 라이트모드

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

이윰
704 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
normal
  33
+1
normal
  38
0
normal
  39
+1
image
  183
+1
image
  193
+3
normal
  340
+1
image
  184
+1
image
  154
0
normal
  144
0
normal
  174
+1
normal
  704
+1
normal
  159
+1
normal
  388
+1
image
  186
+1
normal
  247
+1
normal
  194
+1
normal
  232
+2
image
  447
0
normal
  587
+2
image
  171