el-scrollbar超出的时候hover时自动出现滚动条

  <span>配置算法</span>
          <el-scrollbar class="myScroll" style="height:100%">
            <el-tree
              :props="defaultProps"
              :data="data"
              show-checkbox
              node-key="id"
              default-expand-all
              @check-change="handleCheckChange"
            />
          </el-scrollbar>

        // 样式
        .myScroll {
    
    
          .el-scrollbar__wrap {
    
    
            overflow-x: hidden !important;
          }

          .el-scrollbar__bar {
    
    
            &.is-horizontal {
    
    
              display: none;
            }
            &.is-vertical {
    
    
              width: 10px;
              border-radius: 0;
              background-color: #0d2648;
            }
            .el-scrollbar__thumb {
    
    
              width: 10px;
              background-color: #3fc5c5;
            }
          }
        }

然后再父盒子上加个高度即可