прокручивать до содержания в jQuery/CSS

Question

Я создавал простую поле выбора в jQuery. Все в порядке, кроме его scrolling.

Мне нужно установить высоту UL с overflow, так что у меня может быть полоса прокрутки.

Пожалуйста, смотрите jsfiddle: HERE

На jsFiddle вы можете увидеть, что onKeyDown (клавишные стрелка вниз) выбор будет двигаться вниз.

Но после того, как его height ограничивает его автоматическое прокручивание.

Похоже, я делаю что-то неправильно, Пожалуйста, помогите мне.

Спасибо.

UPDATE:

Ребята, Пожалуйста, обратите внимание, что данный пример скрипку является лишь только пример. Фактический человек отличается. Я обновил свою скрипку.

Answer 1

Ваша разметка недействителен:

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

Вы не закрываем li должным образом. Должно быть:

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

Updated fiddle

EDIT Добавить немного JQuery кода до конца твоего:

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

Это должно дать вам идею.