jquery - jQuery / CSS のコンテンツにスクロール

Question

で簡単なセレクトボックスを作成していましたjQuery。その以外はすべて問題ありませんscrolling。

スクロールバーを表示できるように、UL高さをで設定する必要があります。overflow

jsfiddle を参照してください: HERE

onKeyDownjsFiddle では、 (キーボードの下矢印) 選択が下に移動することがわかります。

しかし、そのheight制限の後、自動的に下にスクロールしません。

私は何か間違ったことをしているようです、助けてください。

ありがとう。

アップデート：

皆さん、与えられたフィドルの例は単なる例であることを理解してください。実際のものとは異なります。フィドルを更新しました。

score 0 · Accepted Answer

マークアップが無効です:

<li class="option current">Option 1<li>

li適切に閉じていません。次のようにする必要があります。

<li class="option current">Option 1</li>

EDITこのjQueryコードをあなたのものの最後に追加してください：

$("#select").animate({
   scrollTop: $(".current").offset().top
}, 100);

これはあなたにアイデアを与えるはずです。

1 に答える 1