如何使用纯Javascript同步两个滚动条？

使用纯Javascript同步两个滚动条可以通过以下步骤实现：

首先，获取两个滚动条的DOM元素。可以使用document.getElementById()或document.querySelector()方法根据元素的ID或选择器获取到对应的DOM元素。
给两个滚动条的DOM元素添加scroll事件监听器。可以使用addEventListener()方法来添加事件监听器，监听scroll事件。
在scroll事件的回调函数中，获取到滚动条的滚动位置。可以使用element.scrollTop属性来获取滚动条的垂直滚动位置。
将一个滚动条的滚动位置应用到另一个滚动条上。可以使用element.scrollTop属性来设置滚动条的垂直滚动位置。

下面是一个示例代码：

// 获取两个滚动条的DOM元素
var scrollBar1 = document.getElementById('scrollBar1');
var scrollBar2 = document.getElementById('scrollBar2');

// 添加scroll事件监听器
scrollBar1.addEventListener('scroll', syncScrollBars);
scrollBar2.addEventListener('scroll', syncScrollBars);

// 同步滚动条的回调函数
function syncScrollBars(event) {
  // 获取滚动条的滚动位置
  var scrollTop = event.target.scrollTop;

  // 将滚动位置应用到另一个滚动条上
  if (event.target === scrollBar1) {
    scrollBar2.scrollTop = scrollTop;
  } else if (event.target === scrollBar2) {
    scrollBar1.scrollTop = scrollTop;
  }
}

这样，当其中一个滚动条滚动时，另一个滚动条的滚动位置也会同步更新。你可以根据实际情况修改代码中的滚动条DOM元素的获取方式，并将其应用到你的项目中。

请注意，以上代码仅为示例，具体实现方式可能因项目需求和具体情况而有所不同。