elementUI 滚动条组件el-scrollbar的使用

吴峰
2023-12-01
使用方法
页面中引入 el-scrollbar 组件

<el-scrollbar style="height: 100%">
      <!-- 滚动条要包裹的内容 --> 
      <div class="container"> 占位</div>
</el-scrollbar>


 
el-scrollbar 组件有以下几个模块的内容:

el-scrollbar :需要指定高度
el-scrollbar__wrap:包裹滚动区域
el-scrollbar__bar is-horizontal:横向滚动条
el-scrollbar__bar is-vertical:纵向滚动条
如果不需要横向滚动条(不加scoped)
<style lang="scss">
	/* element滚动条组件 隐藏水平滚动条 */
	.sidebar-wrapper .el-scrollbar__wrap {
	  overflow-x: hidden;
	}
	.is-horizontal {
	  display: none;
	}
</style>
 

 类似资料: