关闭el-scrollbar的滑动并用新scrollbar

如果你想要关闭默认的Element UI（如Vue）中的滚动条，并自定义一个新的滚动条，可以按照以下步骤操作：

1. 首先，在CSS中禁用Element UI提供的`el-scrollbar`样式。你可以通过覆盖`.el-scrollbar`、`.el-scrollbar__view`等类来隐藏滚动条。例如：

.el-scrollbar {
  display: none; /* 或设置 opacity: 0; 和 pointer-events: none; 来达到类似效果 */
}

/* 如果你想自定义滚动条样式，可以用一个自定义的div替换，例如 */
.custom-scrollbar {
  position: relative;
}

2. 然后，创建一个新的滚动条组件，可以使用一些现成的库，比如`vue-custom-scrollbar`，或者自己编写一个简单的滚动条组件。这个组件应该包含滚动条轨道和滚动块。

3. 将自定义滚动条组件添加到需要滚动的元素上，替代默认的滚动功能。在HTML中：

<div class="custom-scrollbar" ref="customScrollbar">
  <div :style="{ WebkitTransform: 'translateY(' + scrollbar.y + '%)' }">
    <!-- 内容区域 -->
  </div>
</div>

4. 在Vue实例中，获取到滚动条组件，并处理滚动事件：

export default {
  mounted() {
    this.$refs.customScrollbar.addEventListener('scroll', (e) => {
      // 更新内容区的滚动位置
      this.scrollbar.y = e.target.scrollTop;
    });
  }
};