easyautocomplete scroll numéro

Question

J'ai utilisé jquery easyautocomplete (à partir de http://easyautocomplete.com/) pour créer une boîte de suggestions/saisie semi-automatique, mais cette barre n'a pas de barre de défilement lorsque la liste est trop longue. Par conséquent, je dois faire défiler toute la page pour aller au bas de la liste.

Si quelqu'un connaît une solution, veuillez la partager.

Merci

Answer 1

programmeurs Chers collègues,

Celui qui est utilise « easyautocomplete » de http://easyautocomplete.com/ et ayant un problème de ne pas avoir une barre de défilement pour la liste, ce qui suit est une solution rapide. Il y a beaucoup d'autres problèmes mais pour le moment je n'ai pas assez de temps pour y travailler. À l'avenir si je peux avoir une chance de les résoudre et en attendant ils ne sont pas fixés par le propriétaire, je vais essayer et partager avec vous beaucoup.

Till puis ouvrez votre fichier facile autocomplete.css et modifier le bloc de code suivant:

.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 */ 
} 

Aussi, si quelqu'un est inquiétant au sujet de seulement six (6) des rendements dans la liste suivante est la solution pour que :

Ouvrir les jquery.easy-autocomplete.min.js ou jquery.easy-autocomplete.js et modifier la valeur pour maxNumberOfElements qui dans mon cas était par défaut.

Les deux dernières lignes du code font effectivement l'affaire. Aussi, je n'ai pas vérifié le résultat si vous utilisez un thème supplémentaire, donc je suis désolé si vous rencontrez un problème avec cela.

Si quelqu'un d'autre trouve une meilleure solution, n'hésitez pas à la partager avec les autres.

Merci & Bonne programmation

Mise à jour: Le lien suivant donne une meilleure solution: http://gnnc.com.br/samples/easy-autocomplete/easy-autocomplete.php

Answer 2

Vous devez donner votre conteneur facile Autocomplete une hauteur fixe et ajouter overflow: défilement.

Voici un exemple du CSS, vous pouvez utiliser:

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