最近項目中遇到了一個使用bootStrap selectpicker 進行下拉欄展示的時候出現在元素上方彈出展示的問題,可把我難受壞了,和測試互懟最終以失敗告終(人家還是一個嬌滴滴的小姑娘),在查了api之后發現有這么一個屬性
dropupAuto 默認為true,它會檢查上方或下方的空間是否更大。如果下拉菜單有足夠的空間可以正常正常打開,就算上方還有更多空間,下拉菜單仍會正常打開。否則,它將成為上拉欄。我將其設置成false后然並卵,最終為了快速解決果斷采用了樣式控制其位置:
.bootstrap-select .dropdown-menu {
top: 36px !important;
}
具體的像素值視情況而定哦!