滚动到 jQuery / CSS 中的内容答案

【问题标题】：scroll to contents in jQuery / CSS滚动到 jQuery / CSS 中的内容
【发布时间】：2016-02-12 20:11:34
【问题描述】：

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

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

请看 jsfiddle：HERE

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

但在其height 限制后，它不会自动向下滚动。

好像我做错了什么，请帮助我。

谢谢。

更新：

伙计们，请理解给定的示例小提琴只是一个仅举例。实际的不同。我更新了我的小提琴。

【问题讨论】：

ul 与 option 元素作为子元素？您最近是否验证过您的 HTML？
在添加或删除类时添加滚动方法，我认为它会完成这项工作！
@ahren 啊，请不要介意..这只是一个例子..
仅仅设置css类并不会告诉浏览器向下滚动。查看此示例以了解如何滚动选择。也许这会帮助你。 stackoverflow.com/questions/7205702/…
@obivandamme 让我检查一下..

【解决方案1】：

您的标记无效：

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

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

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

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

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

这应该会给你一个想法。

【讨论】：