Jquery autocomplete avec iScroll

J’utilise jQuery Autocomplete sur mon application jQUeryMobile. Ça fonctionne parfaitement. Maintenant, j’essaie d’utiliser iScroll.js pour faire défiler la liste des éléments recherchés. Voici ce que je fais,

Le problème est qu’iscroll ne s’applique qu’au premier élément de la boîte à suggestions, où je ne parviens pas à parcourir toute la liste. Veuillez m’aider si quelque chose manque dans mon code. Aidez-moi, s’il vous plaît, à y parvenir avec iScoll.

J’ai trouvé un moyen supplémentaire d’utiliser une barre de défilement tactile personnalisée pour la boîte de saisie semi-automatique, mais il y a un problème: la barre de défilement personnalisée apparaît uniquement lors de la première recherche et disparaît de la zone de suggestion lorsque la liste est actualisée. les options me conviennent pour utiliser mon autocomplete dans ipad et android.

Si quelqu’un pense qu’il existe un meilleur moyen de le faire qu’avec iScroll et jScrollPane, je suis ouvert aux suggestions.

Je suggérerais d’abandonner l’approche iScroll et d’utiliser CSS simple pour cela:

.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; } 

plus tard, si vous insistez, vous pouvez assigner des barres de défilement personnalisées avec l’aide des nombreuses bibliothèques créées à cet effet.

Remarque: l’extrait de code CSS est porté à partir de la référence de saisie semi-automatique officielle de l’ interface utilisateur jQuery .