el-scrollbar 組件使用方法

ElementUI的隱藏組件,官方沒放出來,但是可以直接在項目中使用。用了也有一兩年了,記錄一下方便自己copy。
重點:1.設置外層容器的高度,2.設置組件樣式style="height:100%"

<template>
  <div style="height:600px;">
    <el-scrollbar style="height:100%">
        <div>
        	...content
		</div>
    </el-scrollbar>
  </div>
</template>

爲了美觀,在全局css文件裏把 ele的滾動條默認樣式覆蓋掉(一般是隱藏橫向滾動條):

.el-scrollbar__wrap{
  overflow-x: hidden;
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章