当前位置: 代码迷 >> 综合 >> element-ui 滚动条 Scrollbar
  详细解决方案

element-ui 滚动条 Scrollbar

热度:23   发布时间:2023-10-29 19:52:34.0

element-ui有一个隐藏的组件,官方文档没有给,不知道什么原因,但是可以用

如下代码

<template><div id="app"><el-scrollbar class='page-component__scroll'><router-view /></el-scrollbar></div>
</template><script>import Vue from 'vue'import {
     Scrollbar } from 'element-ui'Vue.use(Scrollbar)export default {
    }</script><style scoped>body {
    margin: 0;padding: 0;}html,body,#app {
    width: 100%;height: 100%;}#app >>> .page-component__scroll {
    height: 100%;}#app >>> .page-component__scroll .el-scrollbar__wrap{
    overflow-x: hidden;}
</style>
  相关解决方案