el-tree双向内容滚动 不使用插件

要实现双向内容滚动，可以使用以下步骤：

1. 首先，创建一个父容器来包含两个内容容器（例如：div）。第一个容器将包含要显示的内容，而第二个容器将用于控制垂直滚动。这两个容器应该具有相同的宽度和高度。

2. 然后，在第一个容器中添加要显示的内容。如果内容高度大于容器高度，则容器将自动出现垂直滚动条。

3. 接下来，在第二个容器中添加一个滚动条（例如：div），并将其样式设置为所需的大小和位置。这可以通过CSS的position、top、left、width和height属性来实现。

4. 在滚动条容器中添加一个事件处理程序，以便当滚动条被拖动时，第一个容器中的内容也随之滚动。可以使用JavaScript的scrollTop属性来实现这一点。例如：

scrollBar.addEventListener('scroll', function() {
  content.scrollTop = scrollBar.scrollTop;
});

5. 最后，添加一个事件处理程序，以便当第一个容器中的内容被滚动时，滚动条也随之滚动。这可以通过在第一个容器上添加一个scroll事件处理程序来实现。例如：

content.addEventListener('scroll', function() {
  scrollBar.scrollTop = content.scrollTop;
});

通过以上步骤，就可以实现双向内容滚动的效果，而不需要使用插件。