el-scrollbar 实现自动滚动

el-scrollbar 是 element-ui 中的一个组件，可以用于实现在一个容器内部的无限滚动效果。实现自动滚动可以通过设置 el-scrollbar 的属性和使用 JavaScript 的 DOM 操作来完成。

首先在需要实现滚动效果的容器上添加 el-scrollbar，例如：

<el-scrollbar style="height: 300px;">
  <ul>
    <li>...</li>
    <li>...</li>
    <li>...</li>
    ...
  </ul>
</el-scrollbar>

其中 ul 列表是需要滚动的内容。接下来，可以使用 CSS 的 overflow 属性来隐藏容器内多余的内容，只显示 el-scrollbar 内部的内容：

ul {
  overflow: hidden;
  padding: 0;
  margin: 0;
  list-style: none;
}

为了实现自动滚动，可以使用 JavaScript 来控制内容滚动的位置，以及设置一个定时器来定期滚动内容。

// 获取 el-scrollbar 中的 ul 列表
const ul = document.querySelector('.el-scrollbar ul');

// 每秒滚动50个像素
const scrollSpeed = 50;

function scrollStep() {
  ul.scrollTop += scrollSpeed;
  
  // 如果已经滚动到底部，回到顶部
  if (ul.scrollTop + ul.offsetHeight >= ul.scrollHeight) {
    ul.scrollTop = 0;
  }
}

// 每隔一定的时间调用一次 scrollStep
setInterval(scrollStep, 1000 / 60);

上述代码中通过获取 el-scrollbar 中的 ul 列表，然后每次将 scrollTop 属性递增 scrollSpeed 的值来实现自动滚动。如果滚动到了内容的底部，则将 scrollTop 重置为0，实现循环滚动的效果。

综上所述，通过使用 el-scrollbar 组件以及 CSS 和 JavaScript 的操作，可以实现容器内部自动滚动的功能。