el scrollbar滾動條不顯示解決方法

2021-10-14 02:08:42 字數 794 閱讀 2176

因為使用者需求,需要相容谷歌、火狐、ie10的滾動條樣式,其他元件只相容谷歌,火狐與ie顯示預設樣式,樣式不統一。使用el-scrollbar進行滾動條樣式統一。

# 問題描述:

新增el-scrollbar標籤,豎直滾動條沒有顯示

原部分**如下:

"區域選擇" name=

"1" class=

"coll-1"

>

"height:60px;"

>

內容...

<

/div>

<

/el-scrollbar>

<

/el-collapse-item>

.coll-

1.el-collapse-item__content

通過在網上查詢,學習el-scrollbar元件,分析以下幾點可能造成的問題原因

1.可能文字高度沒有達到設定的最大高度;el-scrollbar標籤在達到設定的高度後,超出部分隱藏會出現滾動條。

2.使用了overflow: hidden。

3.使用了overflow: auto。

4.使用了max-height。

5.與其他元件衝突,如el-table元件

查了網上許多資料,通過f12定位和修改屬性,發現第三種和第四種情況會造成滾動條不出現問題。 我遇到的原因是第三種、第四種、第五種原因,因為父級或本身使用了overflow: auto或者max-height,樣式應該是衝突了,注釋掉,滾動條顯示了。

python橫向滾動條 控制滾動條

調過js指令碼控制 python 1.coding utf 8 2.from selenium import webdriver 3.import time 5.driver webdriver.firefox 6.driver.get 7.搜尋 8.driver.find element by i...

谷歌滾動條設定 IE滾動條設定

google瀏覽器chrome設定滾動條樣式 courrlist webkit scrollbar courrlist webkit scrollbar track courrlist webkit scrollbar thumb courrlist webkit scrollbar thumb w...

div設定滾動條和滾動條顏色

當div所定義的區域的內容達到一定程度時,在div標籤裡面嵌入css樣式表,定義overflow的屬性值,設定滾動條相關的屬性。注 1.overflow visible 卻省值,沒有滾動條,根據內容自動擴撐區域的大小,即定義的區域無效 scroll 總是顯示滾動條 hidden 沒有滾動條,超出區域...