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;
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章