2020. 5. 12. 15:43
ionic2, Angular에서 android상에 scroll 보이게 하기 개발/ionic2, Angular2020. 5. 12. 15:43
반응형
오늘 ionic으로 만든 android app에서 scroll이 보이지 않아 보이게 해 달라는 요청에 의해
scroll이 보이도록 작업하였다.
특이하게도 ionic serve 명령어를 통해 웹으로 띄운 화면에서는 잘 보였는데
ionic cordova bulid 명령어를 통해 android에 올리면 보이지 않았다.
찾아보니 이 문제를 해결하고 싶은 경우가 좀 있었다.
ionic의 오류인 듯싶었다.
내가 적용한 해결법은 그냥 간단히 아래의 코드를 scss에 추가하면 된다.
(하지만 ios에서는 아쉽게도 작동하지 않았다. 추후 ios에서도 방법을 알게 된다면 글을 따로 올리도록 하겠다)
::-webkit-scrollbar {
-webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
width: 3px;
}
::-webkit-scrollbar:horizontal {
height: 3px;
}
::-webkit-scrollbar-thumb {
border-radius: 8px;
background-color: rgba(0, 0, 0, .5);
}
하지만 요청받은 내용은 그냥 스크롤이 보이는 것이 아닌,
스크롤을 이동할 땐 보이지만, 스크롤을 이동하지 않을 땐 숨겨져 있는 기능이었으므로
다음 글에서 해당 기능 추가하는 법을 설명하도록 하겠다.
출처 : https://stackoverflow.com/questions/43143299/ionic-scrollbar-is-not-visible-in-android-phone
반응형
