안드로이드 웹뷰에서 엘리먼트 스크롤바가 보이지 않는 현상

Android Webview app scrollbar is not showing in div element

웹 화면 그대로 앱으로 만든 프로젝트 중에

레이어 팝업(모달) 같은 창을 띄웠을 때 스크롤은 잘 됐지만 스크롤바가 보이지 않는 이슈가 있었습니다.

이유는 알 수 없지만 다른 웹뷰 앱들도 마찬가지였습니다.

구글 검색 결과 아래 css로 웹킷 스크롤바 디자인을 바꾸면서 적용됐습니다.

::-webkit-scrollbar { 
	width: 5px; 
}
::-webkit-scrollbar-track { // 없어도됨
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    -webkit-border-radius: 10px;
    border-radius: 10px; 
}
::-webkit-scrollbar-thumb { 
    -webkit-border-radius: 10px;
    border-radius: 10px; 
    background: rgba(0,0,0,0.2); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive { 
	background: rgba(0,0,0,0.3); 
}