easyautocomplete scroll issue

Question

Ich habe jquery easyautocomplete (von http://easyautocomplete.com/) verwendet, um einen Vorschlag/Autocomplete-Box zu machen, aber dies hat keine Bildlaufleiste, wenn die Liste zu lang ist. Als Ergebnis muss ich die ganze Seite scrollen, um zum Ende der Liste zu gelangen.

Wenn jemand eine Lösung kennt bitte teilen.

Dank

Answer 1

Liebe Kolleginnen und Programmierer,

Wer „easyautocomplete“ von http://easyautocomplete.com/ und eine Ausgabe von nicht eine Scrollbar für die Liste mit, ist die folgende eine schnelle Abhilfe verwendet. Es gibt viele andere Probleme, aber momentan habe ich nicht genug Zeit, um an ihnen zu arbeiten. In der Zukunft, wenn ich eine Chance bekommen kann, sie zu lösen, und in der Zwischenzeit werden sie vom Eigentümer nicht festgesetzt, ich werde es geben und viel mit Ihnen teilen.

Bis dahin öffnen Sie einfach autocomplete.css Datei und ändern Sie den folgenden Codeblock:

.easy-autocomplete-container ul { 
    background: none repeat scroll 0 0 #ffffff; 
    border-top: 1px dotted #ccc; 
    display: none; 
    margin-top: 0; 
    padding-bottom: 0; 
    padding-left: 0; 
    position: relative; 
    top: -1px; 
    max-height:150px; /* Set your expected height */ 
    overflow-y:scroll; /* Enable vertical scrollbar */ 
} 

Auch wenn jemand etwa nur 6 (sechs) kehrt in der Liste besorgniserregend finden Sie die Lösung für das :

Öffnen Sie die jquery.easy-autocomplete.min.js oder jquery.easy-autocomplete.js und den Wert für maxNumberOfElements, die in meinem Fall war standardmäßig ändern.

Die letzten beiden Zeilen des Codes funktionieren tatsächlich. Auch habe ich das Ergebnis nicht überprüft, wenn Sie ein zusätzliches Thema damit verwenden, daher tut es mir leid, wenn Sie damit ein Problem haben.

Wenn jemand andere eine bessere Lösung finden, zögern Sie nicht, mit anderen zu teilen.

Dank & Glücklich Programmierung

Update: Die folgenden Link, um eine bessere Lösung gibt: http://gnnc.com.br/samples/easy-autocomplete/easy-autocomplete.php

Answer 2

Sie benötigen eine einfache automatische Vervollständigung Container eine feste Höhe geben und Überlauf hinzufügen: blättern. Hier

ist ein Beispiel für die CSS Sie nutzen könnten:

.easy-autocomplete-container { max-height:100px; overflow:scroll; }