Element UI 中被隱藏的滾動條

2022-06-25 06:36:14 字數 1515 閱讀 6942

element ui 官網中有用到自定義的滾動條元件,但是發布的所有版本中都不曾提及,個中原因我們不得而知,不過我們還是可以拿過來引用到自己的專案中。

使用的時候,放在標籤內即可

如:

<

div

style

="height:100%"

>

<

el-scrollbar

class

="m-scroll"

style

="height:100%"

>

<

router-view

/>

el-scrollbar

>

div>

發現底部出現橫向滾動條,

問題大概在於上的 height: 100% 與 margin-bottom 同時顯示

直接用overflow-x:hidden

隱藏:

.el-scrollbar__wrap

ps:通過閱讀原始碼,可以看到暴露的幾個屬性

props: ,      //

包裹層wrapclass: {},

viewclass: {},

//內容層

viewstyle: {},

noresize: boolean,

//如果 container 尺寸不會發生變化,最好設定它可以優化效能

tag:

},

所以,前面的**可以插入這些屬性

<

div

style

="height:100%"

>

<

el-scrollbar

:native

="false"

wrapstyle

=""wrapclass

=""viewclass

=""viewstyle

=""noresize

="false"

tag="section"

>

<

router-view

/>

el-scrollbar

>

div>

Selenium中被誤用的XPath

用selenium實現自動化測試的過程中,如果選擇頁面上的元素並且對之進行各種操作,是乙個常見的任務。selenium提供了多種定位方法 網上很多selenium的介紹文章,在講述如何利用xpath定位元素的時候,通常都是這樣子說的 開啟firefox瀏覽器,安裝firebug外掛程式,然後就能方便...

vue2中隱藏elementUI的某乙個tab欄

需求 是根據不同的 資料顯示不同的tab選項卡,讓其他的不顯示 使用者管理 name first 使用者管理 el tab pane 配置管理 name second 配置管理 el tab pane 角色管理 name third 角色管理 el tab pane 定時任務補償 name four...

面試中被問到的概率題

問題描述 100人坐飛機,第乙個乘客在座位中隨便選乙個坐下,第100人正確坐到自己坐位的概率是?他們分別拿到了從1號到100號的座位,這些乘客會按號碼順序登機並應當對號入座,如果他們發現對應號座位被別人坐了,就會在剩下空的座位隨便挑乙個坐 現在假設1號乘客瘋了 其他人沒瘋 他會在100個座位中隨便選...