jquery - 滚动到 jQuery/CSS 中的内容

Question

我在 jQuery 中创建了一个简单的选择框。一切都很好，除了它的滚动。

我需要用 overflow 设置 UL 高度，这样我就可以有一个滚动条。

请查看 jsfiddle:HERE

在 jsFiddle 上，您可以看到 onKeyDown(键盘向下箭头)选择将向下移动。

但是在 height 限制之后它不会自动向下滚动。

看来我做错了什么，请帮助我。

谢谢。

更新:

Guys, Please understand that the given example fiddle is just an example only. The Actual one differ.I updated my fiddle.

Answer 1

您的标记无效:

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

您没有正确关闭 li。应该是:

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

Updated fiddle

编辑 将这段 jQuery 代码添加到您的末尾:

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

这应该给你一个想法。