comment faire un menu déroulant avec une barre de défilement verticale?

Question

Salut j'ai besoin de mettre une barre de défilement verticale dans le menu déroulant de telle sorte que d'abord il apparaîtra seulement taille = 1, mais quand nous tombons, il devrait avoir une barre de défilement verticale, quelqu'un pourrait m'aider, je voudrais vraiment toute aide

Answer 1

n'est-ce pas juste une liste déroulante html dont vous avez besoin?

<select name="cars"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="fiat">Fiat</option> 
    <option value="audi">Audi</option> 
    <option value="volkswagen">Volkswagen</option> 
    <option value="bmw">Bmw</option> 
</select> 

Answer 2

Si vous utilisez la « taille » html-dropdownbox, Natrium suggéré, vous pouvez définir l'attribut de la balise select, pour spécifier le nombre de lignes que vous souhaitez afficher. Donc, si - dans son exemple - vous définissez la taille à 3, vous auriez la ligne de liste déroulante 3 lignes de haut et une barre de défilement attachée pour faire défiler les 3 éléments restants.

Si vous voulez dire quelque chose avec CSS, supposons que vous affichez votre menu déroulant dans un div-tag, vous pouvez utiliser quelque chose comme ça:

<div style="height:200px; overflow-y:scroll">...</div> 

Cela vous donne une div avec une hauteur absolue. Si le contenu du div devient trop grand, une barre de défilement verticale s'affiche automatiquement.

Answer 3

Si vous voulez dire que vous voulez la force la barre de défilement pour être toujours visible, vous ne pouvez pas le faire avec la baisse de sélection native vers le bas. La visibilité de la barre de défilement dans le contrôle natif dépend du nombre d'entrées dans la liste déroulante et il existe également des différences entre les navigateurs sur la manière dont ils gèrent le contrôle. Par exemple, IE6 et IE7 semblent afficher la barre de défilement uniquement lorsque le nombre d'éléments dépasse 30 alors que FF3 et Chrome affichent la barre de défilement lorsque le nombre d'éléments dépasse 20.

Si vous voulez vraiment, toujours obtenir la barre de défilement , vous devrez utiliser une implémentation non native, comme le jQuery FlexBox.