-
안드로이드 웹뷰에서 엘리먼트 스크롤바가 보이지 않는 현상Coding 2022. 4. 14. 09:47반응형
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); }
반응형'Coding' 카테고리의 다른 글
[CSS] Hover 하는 형제들(siblings) 스타일 적용 (0) 2023.05.12 [Javascript] 카운트다운 만들기 (0) 2023.02.15 [CSS] 동영상 반응형 사이트에 추가하기 (0) 2022.11.10 [JS] Swiper.js 이미지 슬라이드 스크립트 사용법 (+반응형) (0) 2022.11.04 [HTML] 이미지맵 쉽게 만들기 (+JS+모바일에 적용하기) (0) 2022.11.01