ElementUI 設置顯示側欄滾動條el-scrollbar,隱藏橫向滾動條


el-scrollbar外的div一定要設置好高度,el-scrollbar樣式設置為style="height: 100%"

HTML 代碼

<div id="main">
    <el-scrollbar style="height: 100%" wrap-style="overflow-x:hidden;">
        <el-timeline :reverse="reverse" style="margin-top: 10px">
            <el-timeline-item
                v-for="(activity, index) in activities"
                :key="index"
                :color="activity.color"
                :timestamp="activity.timestamp"
            >
                {{ activity.content }}
            </el-timeline-item>
        </el-timeline>
    </el-scrollbar>
</div>

CSS代碼

#main {
    height: calc(100vh - 320px);
    border-style: dashed;
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM