el-scrollbar 怎么左右滚

el-scrollbar是一个基于Element UI的滚动条样式组件，它提供了一种自定义滚动条外观和交互的方式。要在Element UI的ElScrollbar上实现左右滚动，你需要在需要应用滚动条的元素上使用这个组件，并设置相应的属性来控制滚动行为。

首先，在HTML中引入Element UI库并包含`el-scrollbar`组件：

<template>
  <div class="scroll-container">
    <!-- 你的内容 -->
    <el-scrollbar :view="content" @scroll-end="onScrollEnd">
      <div ref="scrollContent">{{ content }}</div>
    </el-scrollbar>
  </div>
</template>

然后在JavaScript部分添加组件实例和事件处理函数：

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

export default {
  components: {
    ElScrollbar,
  },
  data() {
    return {
      content: '这里是你想滚动的内容...',
    };
  },
  methods: {
    onScrollEnd(e) {
      console.log('滚动到底部了');
      // 根据需要执行滚动结束后的操作
    },
  },
};
</script>

通过`:view`属性设置视图区域（即你想滚动的部分），`ref="scrollContent"`用于获取内部的滚动容器以便于后续操作。`@scroll-end`监听滚动结束事件，你可以在这里处理滚动到底部或其他特定位置的动作。

如果你只想控制左右滚动，Element UI本身并未直接提供单独控制滚动方向的功能，但你可以通过调整滚动容器的宽度和内容宽度来间接实现，例如限制内容宽度使其小于容器宽度，用户自然会用鼠标滑动来查看完整内容。