Javascript在下拉列表中显示垂直滚动条

javascript to show vertical scrollbar in dropdown list

本文关键字：垂直滚动条显示下拉列表 Javascript 更新时间：2023-09-26

我有一个下拉列表，其中有几个选项。当用户单击下拉列表时，它必须显示前四个项目和一个垂直滚动条。当用户滚动列表中剩余的项目时。

请查收提琴样件http://jsfiddle.net/db8Lp/105/

请建议我如何使用javascript/css实现垂直滚动条查看列表中的剩余项目。因为我是一个新手，任何建议都会很有帮助。我尝试在<select>中使用size="4"，但在页面加载时显示带有滚动条的列表，但我的要求是在用户单击下拉列表时显示带有滚动条的列表。请建议。

这很容易解决，你可以只使用html和css。

这是一个演示。

在你的html中，你应该添加…

<select size="4">

在你的css中，你应该添加…

select {
    overflow-y: scroll;
}