我如何確保下拉列表的列表始終下拉而不是向上

Question

我想始終顯示下拉列表。 （可以嗎？）

如果底部空間小於下拉列表的高度，則顯示列表向上。

我想顯示列表總是向下。

提前致謝

Answer 1

這可以通過將以下屬性添加到下拉列表的CSS類中來實現：

.drop-down {
    top:100%; 
}

可以使用相同的方法強制列表向上移動： bottom: 100%;

這是一個jsfiddle演示 。

---

編輯：

無法將標准HTML格式的Select Option（ <select><option> <option></select> ）擴展到某個方向。 您必須使用JavaScript編寫自己的自定義下拉菜單，才能實現此功能。

快速瀏覽后，我發現其他人一直在為您遇到的問題而苦苦掙扎。 顯然，以下CSS代碼在某些情況下似乎可以解決此問題。

select { vertical-align: top; }

Answer 2

您可以使用jQuery這樣設置attr size如下所示

jsFiddle： https ://jsfiddle.net/ou5n9u3y/

jQuery的

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