滚动到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);