jQuery에서 자동 완성 스크롤 추가

Question

잘 작동하는 jQuery 코드가 있지만 스크롤 막대를 추가하고 싶습니다. 이 조건을 작업에 내 jQuery를 코드입니다

<script> 
    $(function() { 
    var availableTags = [ 
     //my options 
    ]; 
    $("#tags").autocomplete({ 
     source: availableTags 
    }); 
    }); 
    </script> 

HTML 코드는

<div> 
    <label for="tags">Tags: </label> 
    <input id="tags"> 
</div> 

가 나는 시간을 보내고 있지만, 전에 그것을

Answer 1

추가 스타일을 고칠 수있는 jQuery를에 새로운 오전입니다 <script> 태그를 사용하고 자동 완성 높이를 수정하면 결과가 지정된 높이에 맞지 않으면 스크롤이 표시됩니다.

<style> 
     .ui-autocomplete { 
     max-height: 100px; // set whatever you want 
     overflow-y: auto; 
     overflow-x: hidden; //this will prevent horizontal scrollbar 
     } 
     * html .ui-autocomplete { 
     height: 100px; 
     } 
     </style>