官方定义:组件el-scrollbar用于替换浏览器原生滚动条。
在使用el-scrollbar时,需要为包裹内容的盒子,设置高度,(height、max-height、min-height)以上三种高度都可以。
<el-scrollbar>
<div style="height:300px">
<ul v-for="(item, index) in 100" :key="index">
<li>{{ item }}</li>
</ul>
</div>
</el-scrollbar>
设置好包裹内容容器的高度之后,当容器中内容的高度超过了容器的高度,el-scrollbar组件自动出现滚动条。