根據屏幕高度選擇下拉高度

我有一個下拉選擇使用「selectize」插件。我怎麼可以設置下拉內容高度的底座上的屏幕高度，因爲我有我的下拉列表中的許多項目選擇，這將是很好的展示他們的不僅僅是一個短更長的名單..

目前我有什麼。

所需的輸出

我試着用下面的代碼，剛剛從玩控制檯，但是，它不正常工作。

.selectize-dropdown, .selectize-dropdown.form-control{ 
     height: -webkit-fill-available !important; 
     height: -moz-available !important; 
     height: fill-available !important; 
} 

.selectize-dropdown-content{ 
    /* height: -webkit-fill-available !important; 
     height: -moz-available !important; 
     height: fill-available !important;*/ 

}

請有任何建議，謝謝！

來源

2017-10-06 melvnberd

我設法獲得所需的出由

.selectize-dropdown, .selectize-dropdown.form-control{ 
    height: 90vh !important; 
} 

.selectize-dropdown-content{ 
    max-height: 100% !important; 
    height: 100% !important; 
}

放

來源

2017-10-06 20:12:02 melvnberd

根據屏幕高度選擇下拉高度

回答

相關問題