关于滚动条的使用

1、使用css overflow属性

overflow: scroll;

2、element的el-scrollbar组件

父容器设固定高,el-scrollbar设高为100%,或者给el-scrollbar设固定高

<el-scollbar style="height:100%">
     <div
      v-if="files.length > 0"
      class="file-item"
      v-for="(item,index) in files"
      :key="index" 
    >
        <span>{{item.filename}}</span>
    </div>
</el-scrollbar>

隐藏横向滚动条 不使用scope

<style lang="scss">
.el-scrollbar__wrap {
  overflow-x: hidden;
}
</style>

 

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐