代码改变世界

element-ui的滚动条组件el-scrollbar(官方没有)

2019-01-04 09:44  WEB前端小菜鸟  阅读(106571)  评论(0编辑  收藏  举报

 

 

<template>
  <div style="height:600px;">
    <el-scrollbar style="height:100%">
        <div style="width:700px;height:700px;border:solid;" >
          ....... blabla.....
        </div>
    </el-scrollbar>
  </div>
</template>

在使用时要设置外层容器高度。并且要设置el-scrollbar 的高度为100%

.el-scrollbar__wrap{
  overflow-x: hidden;
}