[React] 스크롤바 스크롤은 되지만 ! 숨기기 / 없애기 / 안보이게 하기

스크롤은 동작하지만 좁은 범위에서 스크롤이 일어나야 해서

 

스크롤 자체의 UI는 보이지 않게 처리하고 싶었다.

 

이때 사용할 수 있는 방법을 정리해 보고자 한다.

 

1.  스크롤 생성

overflow-y: scroll;

2. 스크롤 바 안보이게 하기

scrollbar-width: none;

 

간단히 스크롤바의 너비를 없애서 보이지 않게 처리해 줄 수 있다.

 

스크롤은 가능하지만 보이지 않게 처리해서 

 

모바일 화면과 같은 작은 범위의 상황에서 활용 가능할 것으로 보인다.