CSS - 스크롤 바(Scroll bar) 가리는 법

스크롤이 가능하면서 스크롤 바만 보이지 않게 하고 싶은 경우
아래와 같이 CSS를 작성하면 된다.

-ms-overflow-style: none; /* for Internet Explorer, Edge */
scrollbar-width: none; /* for Firefox */
overflow-y: scroll;

&::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}

-ms-overflow-style은 Internet Explorer와 Edge를 위한 속성이고 scrollbar-width는 Firefox 브라우저를 위한 것이다.
&::-webkit-scrollbar는 크롬, 사파리, 오페라 들을 위한 것이다.