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

예시 )

<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 */ }