javascript - 手动触发 DOM 元素的滚动事件？

Question

我有两个独立的网页元素，如果我滚动一个元素的内容，我也希望第二个元素同时滚动。这是一个例子:https://stackedit.io

我做了下面的代码，但它不工作:

element.find('.fullscreen-mk-content-textarea').on('scroll', function(e){
    // first element will trigger this event, then manully trigger the 
    // the scroll of the 2nd element. It's my plan. 
    console.log(e); // works
    element.find('.right-side').trigger('scroll'); // doesn't work...
});

我该怎么办？

Answer 1

普通 Javascript

var el = document.querySelector(".right-side");

el.dispatchEvent(new Event('scroll'));