牛叔叔 的笔记

好好学习

2019-11-29 14:29

ElementUI有个隐藏组件-el-scrollbar

牛叔叔

WEB前端

(2383)

(0)

收藏

用Element-UI开发系统,发现其官网的滚动条很漂亮,查查了,发现一个Element-UI没有公布的组件el-scrollbar,代码如下。


<div style="height: 100vh;">
    <!-- 注意需要给 el-scrollbar 设置高度,判断是否滚动是看它的height判断的 -->
    <el-scrollbar style="height: 100%;"> <!-- 滚动条 -->
        <div style="height: 500px;width: 100%;background: red;"></div>
        <div style="height: 500px;width: 100%;background: yellowgreen;"></div>
        <div style="height: 500px;width: 100%;background: blueviolet;"></div>
    </el-scrollbar><!-- /滚动条 -->
</div>


0条评论

点击登录参与评论