el-scrollbar纵向滚动条

el-scrollbar是一个Vue组件，用于创建一个纵向滚动条。它提供了以下功能：

1. 自定义滚动条颜色和宽度
2. 滚动条可以通过拖动来滚动
3. 当内容超出容器高度时，自动显示滚动条

使用el-scrollbar组件需要先安装Element UI库。下面是一个简单的例子：

<template>
  <el-scrollbar style="height: 200px">
    <div style="height: 500px">Content goes here</div>
  </el-scrollbar>
</template>

<script>
import { Scrollbar } from 'element-ui';

export default {
  components: {
    'el-scrollbar': Scrollbar
  }
}
</script>

在这个例子中，我们创建了一个高度为200px的容器，并在其中放置了一个高度为500px的内容。由于内容高度超过了容器高度，因此会自动显示纵向滚动条。

相关问题

el-drawer嵌套el-scrollbar纵向滚动条效果

实现el-drawer嵌套el-scrollbar纵向滚动条效果，可以按照以下步骤进行：

1. 在el-drawer中添加el-scrollbar组件，设置其纵向滚动条属性：

<el-drawer>
  <el-scrollbar wrap-class="scrollbar-wrap" vertical>
    <!-- drawer content here -->
  </el-scrollbar>
</el-drawer>

2. 在CSS中为scrollbar-wrap类设置高度和overflow属性，使其能够显示纵向滚动条：

.scrollbar-wrap {
  height: 100%;
  overflow-y: auto;
}

3. 根据需要在el-drawer中设置宽度和高度，以及其他样式属性。

完整代码示例：

<template>
  <el-drawer :visible.sync="drawerVisible" :size="size">
    <el-scrollbar wrap-class="scrollbar-wrap" vertical>
      <div class="drawer-content">
        <!-- drawer content here -->
      </div>
    </el-scrollbar>
  </el-drawer>
</template>

<style>
.scrollbar-wrap {
  height: 100%;
  overflow-y: auto;
}

.drawer-content {
  width: 300px;
  height: 500px;
  padding: 20px;
}
</style>

el-scrollbar纵向滚动条不见了

根据提供的引用内容，el-scrollbar纵向滚动条不见了可能有以下几个可能原因：
1. 设置的文本高度没有达到el-scrollbar组件设置的最大高度。el-scrollbar标签在达到设置的高度后，超出部分隐藏会出现滚动条。
2. 使用了overflow: hidden样式，这会导致滚动条不可见。
3. 使用了overflow: auto样式，同样会导致滚动条不可见。
4. 使用了max-height样式，也会影响滚动条的显示。
5. 与其他组件冲突，比如el-table组件，可能会导致滚动条不可见。

解决方案可以根据具体情况来进行调整。可以通过调整文本高度、去除overflow: hidden、overflow: auto或max-height样式，或者检查与其他组件的冲突情况来解决滚动条不可见的问题。