title: Angular 6 infinite scroll (scrolled) not working
body: <p>Good afternoon dear friends, I have some problems with my scroll event when I use <strong>infinite-scroll</strong> library. I have read that when I use <strong>(scrolled)</strong> - this will callback if the distance has been reached on a scroll down.
  But, unfortunatelly it <em>works after every scroll</em>, not after we reach down of the page. I don`t understand what is wrong with my code:</p>
  
  <pre><code>&lt;mat-tab-group (selectedTabChange)="onOtherTabClick($event)"&gt;
    &lt;mat-tab label="Posts" matTabContent infiniteScroll [infiniteScrollDistance]="2" [infiniteScrollThrottle]="1000" (scrolled)="onScroll()"&gt;
      &lt;ng-template&gt;
        &lt;app-add-post [profile]="profile"&gt;&lt;/app-add-post&gt;
          &lt;app-post [posts]="posts"&gt;&lt;/app-post&gt;  
      &lt;/ng-template&gt;
    &lt;/mat-tab&gt;
  &lt;/mat-tab-group&gt;
  </code></pre>
  
  <p>Also I want to listen the scroll of my browser window, that is why I don`t use <strong>[scrollWindow]="false"</strong></p>