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

// 获取两个滚动条的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;
  }
}