Javascript & CSS : 스크롤 이벤트를 유지하면서 스크롤바 숨기기

Question

작은 맞춤 스크롤바 플러그인을 개발 중입니다.

모든 것이 정상이지만 스크롤바를 숨기는 방법은 무엇입니까?

다른 요소로 모두 감싸고 싶지 않습니다. 또 다른 아이디어는 네이티브 것 위에 맞춤 막대를 놓는 것이었지만 네이티브 스크롤바는 다른 OS에서 다른 너비를 가졌습니다. 맞습니까?

네이티브 스크롤 바를 어떻게 없앨 수 있습니까?

Answer 1

내가 생각할 수있는 유일한 방법은 모든 브라우저에서 작동하는 하나의 div에있는 모든 콘텐츠를 래핑하여 스크롤 할 수있게하는 것입니다. 그런 다음 본문 또는 html의 overflow 속성을 hidden으로 설정하십시오.

래핑 된 div의 높이가 창 크기로 조정되고 너비가 약 50px 이상이어야 스크롤 막대가 보이지 않게되지만 위아래로 스크롤 할 수 있습니다.