title: ChangeDetector Angular scrolling is delayed and slow in IE11
body: <p>I am working on large angular app and I have a couple of scroll listener to adjust positions. When user scroll in main browsers, all is good but in IE 11, the scrolling is delayed for about 1 second and it's incredibly slow.</p>
  
  <p>When debugging, I isolated the problems and by removing scrolling listeners, it fixed the issue and the scrolling was smooth in IE. The problem is that even empty scroll listener is creating this unpleasant delay scrolling experience (also tried HostListener but obviously same result). </p>
  
  <pre><code>window.addEventListener('scroll', () =&gt; {
  });
  </code></pre>
  
  <p>When I remove it or add zone.runOutsideAngular, all is fine</p>
  
  <pre><code>this.zone.runOutsideAngular(() =&gt; {
    window.addEventListener('scroll', () =&gt; {
    });
  });
  </code></pre>
  
  <p>But our other app using similar modules (with some customization) is running fine without the zone.runOutsideAngular. So I wonder what is so different and I tried to isolate the problem further but couldn't find any clue. Is there any way how to debug the performance and find what is causing the slowdown and bad experience on scroll in IE?</p>
  
  <p><strong>Performance in IE11 on scroll:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/WqZe9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WqZe9.png" alt="enter image description here"></a></p>
  
  <p><strong>Performance in Chrome on scroll is fine and pretty smooth:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/n4BBA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/n4BBA.png" alt="enter image description here"></a></p>
  
  <p>Edit: The scroll event for a single scroll up to down is around 15x, very slowly appearing. Usually, it should be way more and quickly.</p>