javascript - 如何将选择框滚动到特定点(使用 javascript 或 jQuery)？

Question

我想让选中的选项出现在下拉列表的中间。当我第一次加载页面时，它出现在下拉菜单的底部，但如果我滚动过去并退出它，它会在我再次打开它时记住它。我希望它默认显示在中间。

起初我以为我可以只使用 javascript 选择一个我想要的选项，然后将其设置回正确的选项。我玩过 scrollTop 和 scrollTo，但它们似乎都不能满足我的需要。我一直在 Chrome 中测试它，但它也需要在 Firefox 和 IE 中工作。有什么想法吗？

编辑:我尝试了 scrollTo 插件，但它似乎不适用于下拉菜单。看看这些代码片段

来自 HTML:

<select id="test">
    <option>1</option>
    <option>2</option>
    // ........
    <option selected="selected">21</option>
    <option>22</option>
    // ........
    <option>40</option>
</select>

来自 Javascript:

$(function() {
    alert( $('#test option:selected').next().text() ); // alerts 22
    $().scrollTo('#test'); // scrolls the screen to the drop-down
    $('#test').scrollTo( $('#test option:selected').next() ); //does nothing
});

Answer 1

使用这个 jQuery 插件:http://plugins.jquery.com/project/ScrollTo

• Documentation
• Demo 1或 Demo 2

编辑 -最终解决方案:因为下拉列表是浏览器处理的并且不能很好地操作，所以您必须自己重新创建下拉列表的行为。查看评论以获取更多信息。