Ionic 6의 Ionic 모드에서 스크롤바 스타일 지정: 단계별 가이드

Question

ion-modal에는 콘텐츠가 넘칠 경우 나타나는 기본 스크롤 막대가 있습니다. 스크롤바의 스타일을 지정하고 싶습니다.

::-webkit-scrollbar, ::-webkit-scrollbar-track 및 ::-webkit-scrollbar-thumb을 사용하여 앱에서 스크롤바 스타일을 지정할 수 있지만 모달에서는 작동하지 않는 것 같습니다. ion-content::-webkit-scrollbar와 같은 모달 내부의 여러 구성 요소에 이러한 요소를 적용하려고 시도했지만 작동하지 않습니다.

Answer 1

다음은 Ionic 6의 Ionic 모드 내에서 스크롤 막대 스타일을 지정하는 일반적인 접근 방식입니다.

1. 이온 모드 콘텐츠를 안에 담아보세요

아래와 같이 태그하세요

으아아아

2. 그런 다음 전역 CSS 파일의 스크롤 막대에 대해 다음 CSS를 추가하세요

   으아아아

이온모달에서는 스크롤이 다음과 같이 표시됩니다