title: angular 4 scrolling event
body: <p>I'm quite lost in scroll event handling.</p>
  
  <p>I want to disable scrolling; when the user hits the scroll wheel x times I want the page to scroll down (with some animation) down to a certain element. I was able to add the HostListener but I didn't get any further.</p>
  
  <pre><code>@HostListener('window:scroll', ['$event'])
      public onScrollEvent(event) {
  }
  </code></pre>
  
  <p>but the first issue is that <strong>event.preventDefault()</strong> or <strong>event.stopPropagation()</strong> are not working.
  I tried something like </p>
  
  <pre><code>event.target.scrollingElement.scrollTop = 0;
  </code></pre>
  
  <p>and when my counter hits a certain number call      </p>
  
  <pre><code>event.target.scrollingElement.scrollTop = 1080;
  </code></pre>
  
  <p>But this was a mess! :).</p>
  
  <p>I also didn't find any scrolling manual on angular official site.</p>