각 운영체제에서 스크롤바 숨기기

.scroll-x {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none; 
}
.scroll-x::-webkit-scrollbar {
    display: none;
}

 

1. -webkit-overflow-scrolling: touch;

-모바일 환경시 가로스크롤이 터치되며 가속

2. -ms-overflow-style: none;

-IE 스크롤바 감추기

3. scrollbar-width: none;

-firefox 스크롤바 감추기

4.::-webkit-scrollbar {display: none;}

-chrome 스크롤바 감추기