23

У меня возникли проблемы с настройкой модуля автозаполнения JQuery-UI. Мне нужно, когда количество выбранных данных достаточно велико, появляется полоса прокрутки.JQuery UI Autocomplete (1.8) scroll

Это то, что я пробовал:

  • в jquery-ui-1.8.16.css я уже выставиться это:

ui.autocomplete{ max-height: 100px; overflow-y: auto; overflow-x: hidden; }

*, как показано в примере ui-documentation

Это как я заявляю и ввод автозаполнения:

$("#myInput").autocomplete({ source: mySource, minLength: 0, });

Я не знаю, почему полоса прокрутки не появляется, любая помощь будет оценена. Большое спасибо!

ответ

67

Вы должны переопределить настройки его на странице, как этот

<style> 
.ui-autocomplete { 
    max-height: 100px; 
    overflow-y: auto; 
    /* prevent horizontal scrollbar */ 
    overflow-x: hidden; 
    /* add padding to account for vertical scrollbar */ 
    padding-right: 20px; 
} 
/* IE 6 doesn't support max-height 
* we use height instead, but this forces the menu to always be this tall 
*/ 
* html .ui-autocomplete { 
    height: 100px; 
} 
</style> 

вместо изменения значений в jquery-ui-1.8.16.css

+0

Это работает, но в моих тестах на CSS, всегда отображается scrollbox, в противоположность показано только когда высота автозаполнения превышает 'max-height'. Однако я не смог найти быстрое решение. – jamix