autocomplete 높이 고정

autocomplete 을 사용할 때 그냥 사용하게 되면 모든 데이터가 다 나오는 문제가 있죠.

그것을 해결하기 위해서 css를 수정해야 합니다.

Code Snippet

20. <style type="text/css">
21.     .ui-autocomplete
22.     {
23.         max-height: 300px;
24.         overflow-y: auto; /* prevent horizontal scrollbar */
25.         overflow-x: hidden;
26.     }
27.     /* IE 6 doesn't support max-height
28.      * we use height instead, but this forces the menu to always be this tall
29.      */
30.     html .ui-autocomplete
31.     {
32.         height: 300px;
33.     }
34. </style>

위와 같이 넣으면 높이가 300px 정도로 고정되게 됩니다.

필요하신 만큼 고정 수치를 입력하시면 되겠죠.