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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何将选择框滚动到特定点(使用javascript或jQuery)？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1053字，纯文字阅读大概需要2分钟。

内容图文

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

起初我以为我可以使用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
});

解决方法:

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

> Documentation
> Demo 1或Demo 2

编辑 –
最终解决方案
由于下拉列表处理能力较强且无法很好地操作,因此您必须自己重新创建下拉列表的行为.查看注释以获取更多信息.

内容总结

以上是互联网集市为您收集整理的如何将选择框滚动到特定点(使用javascript或jQuery)？全部内容，希望文章能够帮你解决如何将选择框滚动到特定点(使用javascript或jQuery)？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端