Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
滚动到jQuery/CSS中的内容_Jquery_Css_Drop Down Menu - Fatal编程技术网

滚动到jQuery/CSS中的内容

滚动到jQuery/CSS中的内容,jquery,css,drop-down-menu,Jquery,Css,Drop Down Menu,我在jQuery中创建了一个简单的选择框。除了它的滚动,一切都很好 我需要用溢出设置UL高度,这样我就可以有一个滚动条 请参阅JSFIDLE: 在JSFIDLE上,您可以看到onKeyDown(键盘向下箭头)选择将向下移动 但在其高度限制后,它不会自动向下滚动 看来我做错了什么,请帮帮我 谢谢 更新: 伙计们,请理解给定的小提琴示例只是一个例子 仅举个例子。实际的不同。我更新了我的小提琴 您的标记无效: <li class="option current">Option 1<l

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

我需要用
溢出设置
UL
高度,这样我就可以有一个滚动条

请参阅JSFIDLE:

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

但在其
高度
限制后,它不会自动向下滚动

看来我做错了什么,请帮帮我

谢谢

更新:

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


您的标记无效:

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

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

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

这应该会给你一个主意。

ul
选项
元素作为子元素?你最近验证过你的HTML吗?当你添加或删除类时,添加一个scroll方法,我认为它可以完成这项工作@啊仁啊请别介意。。这只是一个例子。仅仅设置css类并不会告诉浏览器向下滚动。查看此示例,了解如何滚动选择。也许这会帮助你@obivandamme让我查一查。。
$("#select").animate({
   scrollTop: $(".current").offset().top
}, 100);