23

Sto riscontrando problemi nella configurazione del modulo di completamento automatico di JQuery-UI. Ho bisogno che quando la quantità di dati da selezionare sia abbastanza grande appare una barra di scorrimento.Completamento dell'interfaccia utente JQuery (1.8) scorrimento

Questo è quello che ho provato:

  • nel jquery-ui-1.8.16.css Fondai questo:

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

* come mostrato nell'esempio ui-documentation

Questo è il modo in dichiaro e completamento automatico input:

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

Non so perché la barra di scorrimento non appaia, qualsiasi aiuto sarebbe apprezzato. Grazie mille!

risposta

67

Si dovrebbe ignorare l'impostazione nella pagina come questa

<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> 

invece di valori che cambiano in jquery-ui-1.8.16.css

+0

che funziona, ma nel mio test del CSS, lo scrollbox viene sempre visualizzato, invece di essere mostrato solo quando l'altezza del completamento automatico supera 'max-altezza'. Non sono stato in grado di trovare una soluzione rapida per questo però. – jamix

Problemi correlati