順序付けられていないリストには、一度に5つ表示できる多数のリストアイテムがあります。現在選択されているリストアイテムには独自のクラス（「選択済み」）があり、上または下をクリックすると、次のリストアイテムは「選択済み」クラスを取得しますが、前のリストアイテムはそれを失います。「選択された」クラスのリストアイテムがulの表示可能領域から出たときに、スクロールバーも「選択された」アイテムとともにスクロールするようにするにはどうすればよいですか。
マウスでうまくスクロールしますが、上/下ボタンをクリックすると、選択したクラスが変わりますが、スクロールしません。CSSでは、ulはoverflow：autoでスタイル設定されています。オーバーフローを変更しようとしましたが、結果に影響はありません。
ここで問題を編集できます：http：//jsfiddle.net/E7MSN/63/ テキストボックスのEnterをクリックすると、ドロップダウンリストが表示されます。次に、キーボードの上/下矢印を使用して、範囲外に到達するまで続行します。スクロールが「選択された」要素に従わないことに注意してください。