怎么让两个div同步滚动

Question

<div id="preview"></div>
<div id="editor"></div>

有两个DIV，我想在让其中一个滚动条滚动的时候，让另一个滚动条也相应的滚动。
我尝试了以下这样的代码

let preview = document.querySelector('#preview');
let editor = document.querySelector('#editor');
preview.addEventListener('scroll', (e)=> {
  e.stopPropagation();
  editor.scrollTop = preview.scrollTop;
});

editor.addEventListener('scroll', (e)=> {
  e.stopPropagation();
  preview.scrollTop = editor.scrollTop;
});

但是这样的话，用鼠标去拖动滚动条能够达到我想要的效果，但是如果用鼠标中键滑动的话，会相当的卡顿，无法滚动。

Answer 1

A滚动->emit("Bfollow")->B滚动B滚动->emit("Afollow")->A滚动