解決bootStrap selectpicker 下拉欄上方彈出


最近項目中遇到了一個使用bootStrap selectpicker 進行下拉欄展示的時候出現在元素上方彈出展示的問題,可把我難受壞了,和測試互懟最終以失敗告終(人家還是一個嬌滴滴的小姑娘),在查了api之后發現有這么一個屬性

dropupAuto 默認為true,它會檢查上方或下方的空間是否更大。如果下拉菜單有足夠的空間可以正常正常打開,就算上方還有更多空間,下拉菜單仍會正常打開。否則,它將成為上拉欄。我將其設置成false后然並卵,最終為了快速解決果斷采用了樣式控制其位置:

.bootstrap-select .dropdown-menu {
    top: 36px !important;
}

具體的像素值視情況而定哦!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM