liste de complétion automatique défilement vers le bas avec vuejs2 sans jquery

Question

Travailler sur une autocomplete à partir de zéro dans vuejs2 qui affiche les résultats et le reste est caché et peut être vu en faisant défiler l'élément div interne qui contient tous les résultats.

J'ai mis en place la touche on en appuyant sur les touches haut et bas afin de permettre aux utilisateurs de naviguer facilement à travers les résultats, mais la div interne avec les résultats ne défile pas. Comment pouvez-vous faire défiler un élément qui a overflow-y: caché?

Ceci est mon code html:

<ul style="max-height: 180px;overflow: auto;"> 
    <li>one</li> 
    <li>two</li> 
    <li>three</li> 
    <li>four</li> 
</ul> 

Mais pas en mesure d'obtenir une mise de zone de saisie à la liste. Merci d'avance

Answer 1

Au lieu de overflow-y: hidden, vous pouvez définir overflow-y: auto pour obtenir une barre de défilement.

Pour le défilement, vous pouvez utiliser la propriété scrollTop. Voici un exemple: https://jsfiddle.net/1ysmmckm/.