스크롤바 다시 커스텀..

아.. 이 무슨 ..

기존에 사용하던 스크롤바 라이브러리이다. 윈도우에서는 내 입맛에 맛게 커스텀 되었지만, 최근에 맥북으로 바꾸게 된 프로젝트 환경에서는 그렇지 않았다.

 

즉, 내가 원하는 모양이 아니였다. 

 

그래서 새로운 라이브러리를 찾아야했다. (기존의 라이브러리로 할 수 없을까? 고민을 많이했지만 그럴 수 없을 것 같다는 생각이 들었다.)

그래서 아래 라이브러리로 바꿀 생각이다. 

 

 

현재는 개발자 도구에서 class에 직접 css 먹이는 방법을 사용하고 있다. 그래서 !important를 사용중이다.

 

그런데 위 처럼 css 만 바꾸다 보니 스크롤이 딱 걸려서 내려가질 않는다. 

따라서 css 만 바꾸는게 아닌 라이브러리의 props를 바꾸어주어야 했다.

 

 

깃허브 레퍼런스를 참고하면 아래와 같이 PROPS 라고만 되어있어서 잘 이해하지 못했다. 

해답을 알게된 순간 정말 허탈했고, 많은 시간을 낭비했다. 그냥 답 자체가 레퍼런스에 있었는데도 말이다.

 

왜 혼동을 했냐면 아래 사진과 같이 className 이나 추가 태그를 넣을 수 있는 커스터마이징 부분과 혼동했기 때문이다.

저기의 props를 고쳐주어야 한다고 생각해버렸다.

 

해답은 그냥 태그안에 props 써주면 된다. type도 친절하게 나와있다.

나는 병신이다.