jquery UI 자동 완성 - 스크롤바가 모바일에 표시되지 않습니다.

Question

CSS 스타일링을 사용하여 jquery UI 자동 완성 목록에 대한 수직 스크롤 막대를 표시합니다. 데스크톱에서는 스크롤바가 보이지만 모바일에서는 볼 수 없습니다. 예를 들어 바탕 화면의 사파리에서 스크롤바를 볼 수 있습니다. 하지만 ipad 또는 iphone에서 사파리를 사용하여 보려고하면 스크롤바가 표시되지 않습니다. 내가 뭘 잘못하고 있는지에 대한 아이디어가 있습니까? 감사!

Answer 1

Try: 

.ui-autocomplete 
{ 
    position: absolute; 
    cursor: default; 
    height: 150px; 
    overflow-y: scroll; 
    overflow-x: hidden; 
    -webkit-overflow-scrolling: touch; 
}