el-scrollbar收起

你可以使用CSS属性 `overflow` 来控制滚动条的显示和隐藏。如果你想让滚动条收起，可以将 `overflow` 属性设置为 `hidden`。例如：

.el-scrollbar {
  overflow: hidden;
}

这将隐藏 `.el-scrollbar` 元素的滚动条。希望这能帮到你！如果还有其他问题，请随时提问。

相关问题

修改.el-scrollbar .el-scrollbar__wrap .el-scrollbar__view高度为100%

要将.el-scrollbar .el-scrollbar__wrap .el-scrollbar__view的高度修改为100%，可以在CSS中添加以下样式：

.el-scrollbar .el-scrollbar__wrap .el-scrollbar__view {
  height: 100%;
}

这将把.el-scrollbar .el-scrollbar__wrap .el-scrollbar__view的高度设置为其父元素的高度，即100%。

vue3如何获取el-scrollbar中el-scrollbar_wrap的dom

在 Vue3 中获取 `el-scrollbar` 中 `el-scrollbar_wrap` 的 DOM 元素可以通过以下两种方式来实现：

1. 使用 `ref` 获取 DOM 元素

在模板中使用 `ref` 给 `el-scrollbar` 元素绑定一个引用，然后在组件中通过 `refs` 对象访问该引用，从而获取到 `el-scrollbar_wrap` 元素的 DOM 引用。示例如下：

<template>
  <el-scrollbar ref="scrollbar">
    <div class="scrollbar-wrap"></div>
  </el-scrollbar>
</template>

<script>
export default {
  mounted() {
    const scrollbarWrap = this.$refs.scrollbar.wrap;
    console.log(scrollbarWrap); // 获取到 el-scrollbar_wrap 元素的 DOM 引用
  }
}
</script>

2. 使用 `nextTick` 获取 DOM 元素

在组件中使用 `nextTick` 方法等待下一次 DOM 更新后再获取 `el-scrollbar_wrap` 元素的 DOM 引用，示例如下：

<template>
  <el-scrollbar ref="scrollbar">
    <div class="scrollbar-wrap"></div>
  </el-scrollbar>
</template>

<script>
export default {
  mounted() {
    this.$nextTick(() => {
      const scrollbarWrap = this.$el.querySelector('.el-scrollbar__wrap');
      console.log(scrollbarWrap); // 获取到 el-scrollbar_wrap 元素的 DOM 引用
    });
  }
}
</script>