Javascript zum Anzeigen der vertikalen Bildlaufleiste in der Dropdown-Liste

Question

Ich habe eine Dropdown-Liste mit wenigen Optionen drin. Wenn der Benutzer auf die Dropdown-Liste klickt, müssen zuerst vier Elemente und eine vertikale Bildlaufleiste angezeigt werden. Wenn Benutzer scrollt, bleiben Einträge in der Liste sichtbar.

Hier finden Sie die Beispielgeige. http://jsfiddle.net/db8Lp/105/

Bitte schlagen Sie vor, wie kann ich vertikale Scrollbar mit Javascript/CSS erreichen, um die restlichen Elemente in der Liste zu sehen. Als ich ein Neuling bin, wären irgendwelche Vorschläge sehr hilfreich. Ich versuchte mit size="4" in <select>, aber das zeigt die Liste mit Bildlaufleiste beim Laden der Seite, aber meine Anforderung ist es, die Liste mit Bildlaufleiste anzuzeigen, wenn Benutzer auf die Dropdown-Liste klickt. Bitte um Rat.

Answer 1

Dies ist wirklich einfach zu lösen und Sie können es nur mit HTML und CSS tun.

Hier ist ein demo.

In Ihrem HTML, sollten Sie hinzufügen ...

<select size="4"> 

in Ihrem CSS, sollten Sie hinzufügen ...

select { 
    overflow-y: scroll; 
}