title: Manually trigger a scroll event of DOM element?
body: <p>I have two independent web elements, if I scroll the content of one element, I also want the 2nd element scroll at same time.  Here is an example: <a href="https://stackedit.io" rel="nofollow">https://stackedit.io</a></p>
  
  <p>I did the following code, but it is not working: </p>
  
  <pre><code>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...
  });
  </code></pre>
  
  <p>What shall I do? </p>