jQuery -commplete scroll issue

Question

Sto usando rails3-jquery-autocomplete nella mia applicazione. Ho riscontrato il seguente problema: se inserisci qualcosa nel campo di input in modo che vengano visualizzati i dati di completamento automatico e scorri la pagina dopo di essa, la casella con i dati di completamento automatico non viene scorsa con la pagina. Rimane nella stessa posizione.

È possibile visualizzare ciò che sto affrontando here. Nota che questo esempio non è stato creato da me, quindi non sono sicuro che lo stesso plugin jquery sia usato qui. Tuttavia il problema è praticamente lo stesso.

Answer 1

Probabilmente manca l'attributo appendice dalle opzioni al completamento automatico. L'impostazione predefinita è corpo, ma probabilmente si desidera avere il contenitore div (difficile dirlo esattamente senza visualizzare il codice).

Vedere documents.

Answer 2

aggiungere questo al css

 .ui-autocomplete { 
     height: 200px; 
     overflow-y: scroll; 
     overflow-x: hidden; 
    } 

Answer 3

Ma Hai controllato lo scenario, dopo l'applicazione di altezza e troppo pieno per il risultato non può in grado di scorrere l'elenco utilizzando la tastiera freccia verso il basso, che può in grado di scorrere usando il mouse. Se usiamo la tastiera per farla scorrere, mantenendo la barra di scorrimento ideale e facendo in modo che il valore di evidenziazione attraversi l'elenco.

Answer 4

So che questo è vecchio ma l'ho appena risolto nel mio progetto aggiungendo una proprietà CSS di "position: fixed" a ".ui-autocomplete" nel mio progetto. Dai un'occhiata qui se vuoi: 34.212.191.181:3000.

P/s la pagina è in vietnamita, basta giocare con la casella di ricerca nella barra di navigazione :)