element-ui滾動條組件

Element的滾動條組件el-scrollbar

在使用ElementUI框架的時候,發現它的官網左側欄的滾動條不是系統自帶的滾動條,查了一下源碼發現,還真是有實現了滾動條的功能;Element的滾動條還挺好看的,簡潔不突出。
示例以下:
<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>
相關文章
相關標籤/搜索