我怎样才能确保一个下拉列表的列表总是下降而不是上涨

Question

我想显示下拉列表总是下降。 （是否可行？）

如果底部空间小于下拉列表的高度，它将显示列表。

我想显示列表总是关闭。

在此先感谢

Answer 1

这可以通过将以下属性的CSS类的下拉列表来实现：

.drop-down { 
    top:100%; 
} 

可以用来强制列表去向上的相同：bottom: 100%;

这是jsfiddle demo。

---

编辑：

标准HTML形式选择选项（<select><option> <option></select>）不能被操纵，以扩展到一定的方向。您必须使用JavaScript编写自己的自定义下拉菜单才能实现此功能。

快速浏览后，我注意到其他人一直在努力解决您遇到的问题。显然，下面的CSS代码在某些情况下似乎可以解决它。

select { vertical-align: top; } 

Answer 2

你可以做的设置使用jQuery像这样

的jsfiddle的attr size：https://jsfiddle.net/ou5n9u3y/

jQuery的

$(function() { 
    var dropdownOptions = $('.dropdown-selector').find('option').length; 
    $('.dropdown-selector').attr('size', dropdownOptions); 
});