這篇文章給大家分享的是有關(guān)iview的select下拉框選項(xiàng)錯(cuò)位如何處理的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過來看看吧。

盈江網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)公司！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。創(chuàng)新互聯(lián)公司從2013年創(chuàng)立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)公司。

在使用iview的過程中，我遇到這樣一個(gè)問題，在Model中使用select下拉框組件。但是當(dāng)彈出框超過一屏需要滾動時(shí)，select的下拉選項(xiàng)會出現(xiàn)錯(cuò)位（下圖1為正常，圖2為滾動后，下拉選項(xiàng)錯(cuò)位。）

圖1：

圖2：

在分析組件代碼后，發(fā)現(xiàn)以下一個(gè)樣式：

.ivu-modal .ivu-select-dropdown {
  position: absolute !important;
}

解決方案

正是這個(gè)樣式影響了下拉框的定位，解決的方式是覆蓋作者的原來樣式。

但是，很不巧的是，作者加了一個(gè) !important ,改變了優(yōu)先級。

那么，如何讓自己的樣式優(yōu)先級比他高呢，可以在自定義的樣式文件里加入這樣的樣式：

body .ivu-modal .ivu-select-dropdown{
 position: fixed !important;
}

感謝各位的閱讀！關(guān)于iview的select下拉框選項(xiàng)錯(cuò)位如何處理就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

分享題目：iview的select下拉框選項(xiàng)錯(cuò)位如何處理
URL鏈接：http://newbst.com/article24/jhcgje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、微信小程序、App開發(fā)、網(wǎng)站制作、網(wǎng)頁設(shè)計(jì)公司、虛擬主機(jī)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)