반응형
스크롤이 가능하면서 스크롤 바만 보이지 않게 하고 싶은 경우
아래와 같이 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는 크롬, 사파리, 오페라 들을 위한 것이다.
반응형