Steuern sichtbarer Auswahloptionen in HTML ⇐ HTML

[Guest]

Ich habe ein einfaches Auswahlfeld mit 100 Werten in HTML. Nennen wir die Werte der Einfachheit halber 1-100.
Bei Verwendung von Chrome unter Windows, wenn ein kleiner Wert (z. B. 6) ausgewählt ist, werden durch Klicken auf den Wert die Optionen 1 bis 21 mit einer Bildlaufleiste auf der rechten Seite angezeigt, um nach unten zu Zahlen über 21 zu gelangen.
Das Verhalten ist jedoch anders, wenn der aktuell ausgewählte Wert ist größer, sagen wir 26. In diesem Fall werden die Werte 7–26 angezeigt, wobei der aktuell ausgewählte Wert 26 am Ende der Liste verbleibt.
Dies führt zu einer schlechten Benutzererfahrung, da der Wechsel von 26 auf 29 erfolgt erfordert einen Klick auf die Bildlaufleiste.
Wie erhalte ich ein „zentriertes“ Verhalten, d. h. wenn 26 ausgewählt ist, werden 16-36 angezeigt und der Benutzer kann benachbarte Werte sehen, ohne dass ein Bildlauf erforderlich ist bar.

Code: Select all

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31