React 앱의 스크롤 동작에 영향을 주지 않고 모바일 장치나 에뮬레이터에서 스크롤 막대를 숨기는 방법은 무엇입니까?

Question

모바일에서는 스크롤바가 애플리케이션 전체에서 완전히 숨겨지기를 원하지만 사용자가 스크롤할 수 있어야 합니다.

스크롤 막대를 숨기기 위해 CSS 스크롤바, 스크롤바-썸, 스크롤바-썸:호버 및 스크롤바 트랙을 사용해 보았지만 브라우저에서는 작동하지만 모바일 장치에서는 작동하지 않습니다.

Answer 1

아래와 같이 두 개의 CSS 속성을 사용해야 합니다. 하나는 웹킷용이고 다른 하나는 Mozilla용입니다. -

으아악

여기서 .invisible-scrollbar는 해당 요소에 추가된 클래스입니다.