Question

嗨我需要在下拉菜单中放置一个垂直滚动条，这样一开始只显示size = 1但是当我们下拉时它应该有一个垂直滚动条，任何人都可以帮助我，我真的很感激任何帮助

Answer 1

如果使用Natrium建议的html-dropdownbox，您可以设置select标记的属性“size”，以指定要显示的行数。因此，如果 - 在他的示例中 - 您将大小设置为3，则您需要将下拉框设置为3行高并附加滚动条以向下滚动至剩余的3个项目。

如果你的意思是CSS，说你在div标签中显示你的下拉菜单，你可以使用类似的东西：

<div style="height:200px; overflow-y:scroll">...</div>

这会给你一个绝对高度的div。如果div的内容太大，则会自动显示垂直滚动条。

Answer 2

如果您想要强制滚动条始终可见，则您无法使用本机选择下拉列表执行此操作。本机控件中滚动条的可见性取决于下拉列表中条目的数量，浏览器之间在处理控件的方式上也存在差异。例如，IE6和IE7似乎仅在项目数超过30时显示滚动条，而当项目数超过20时，FF3和Chrome显示滚动条。

如果您确实想要始终获得滚动条，则必须使用一些非本机实现，例如jQuery FlexBox。

Answer 3

是不是只需要一个html-dropdownbox？

<select name="cars">
   <option value="volvo">Volvo</option>
   <option value="saab">Saab</option>
   <option value="fiat">Fiat</option>
   <option value="audi">Audi</option>
   <option value="volkswagen">Volkswagen</option>
   <option value="bmw">Bmw</option>
</select>

如何使用垂直滚动条制作下拉菜单？

3 个答案: