el-scrollbar elementplus

el-scrollbar是Element Plus中的一个组件，用于替换浏览器原生滚动条。它可以实现滚动条的基本用法，包括横向滚动、滚动条的最大高度与元素高度的关系以及手动控制滚动条的滚动。

你可以通过使用setScrollTop和setScrollLeft方法来手动控制滚动条的滚动。具体的使用方法可以参考相关文档。

以下是el-scrollbar的一个示例代码：

<template>
  <el-scrollbar height="200px">
    <h2 v-for="item in 1" :key="item" class="scrollbar-demo-item">
      Scrollbar 滚动条内容{{ item }}:<br /><br />
      逆境清醒：<br />
      阳光总在风雨后，<br />
      历练中完成自我升华!<br />
      共勉！<br />
    </h2>
  </el-scrollbar>
</template>

<style scoped>
.scrollbar-demo-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 400px;
  margin: 10px;
  padding:30px;
  width:300px;
  text-align: left;
  border-radius: 4px;
  background: var(--el-color-primary-light-9);
  color: var(--el-color-primary);
  border:5px solid #0094ff;
}
</style>