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

블로그/웹사이트

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

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

이윰
218 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
  14
0
normal
  13
0
normal
  17
+1
image
  142
+1
image
  165
+1
normal
  172
+1
image
  174
+1
image
  146
0
normal
  131
0
normal
  167
+1
normal
  218
+1
normal
  150
+1
normal
  177
+1
image
  169
+1
normal
  189
+1
normal
  176
+1
normal
  169
+2
image
  240
0
normal
  327
+2
image
  151