title: Distinguish between automatic browser scroll and user scroll
body: <p>When you scroll to the middle of the page and then refresh it, the browser will automatically scroll to the position you were on. I need to be able to differentiate between this automatic scroll and user scroll and attach different events to them. </p>
  
  <p>I'm currently using </p>
  
  <pre><code>window.addEventListener('scroll', function(e) {});
  </code></pre>
  
  <p>to listen to the scroll event, but it gets triggered in both user and automatic scrolls. </p>
  
  <p>Is there a way to tell between the two? </p>
  
  <p>PS the suggested answer to similar question only uses mousewheel as an indication of user scroll, but if the user uses mouse to pull the scroll, it will fail</p>