스크롤 기능은 유지하고 스크롤바를 숨기는 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 */ }