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

통합 게시글

통합 게시글 입니다.

주간 조회수 인기글

주간 추천수 인기글

  • 목록
  • 아래로
  • 위로
  • 댓글 0개
  • 검색
  • 라이트모드

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

이윰
698 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
  29
0
image
  45
0
image
  149
0
image
  23
0
image
  42
0
normal
  27
+1
normal
  32
0
normal
  32
+1
image
  166
+1
image
  396
+1
image
  91
+1
image
  187
+1
normal
  286
+1
image
  181
+1
image
  152
0
normal
  142
0
normal
  173
+1
normal
  698
+1
normal
  107
+4
image
  157