title: Angular-Material Sidenav cdkScrollable
body: <p>The Angular Material CDK provides a <code>Directive</code> <code>CdkScrollable</code>, which allows you to listen to <code>ScrollEvent</code>s of a specific container.<br />
  I am now trying to access the <code>CdkScrollable</code> of the <code>MatSidenavContent</code>, which is added by default.<br />
  However my <code>@ViewChild(CdkScrollable)</code> and <code>@ContentChild(CdkScrollable)</code> are always undefined.</p>
  <p>My <code>Component</code> looks something like this:</p>
  <pre><code>&lt;mat-sidenav-container&gt;
      &lt;mat-sidenav&gt;Sidenav content&lt;/mat-sidenav&gt;
      &lt;div&gt;Main content&lt;/div&gt;
  &lt;/mat-sidenav-container&gt;
  </code></pre>
  <p>The resulting DOM looks something like this:</p>
  <pre><code>&lt;mat-sidenav-container&gt;
      &lt;div class=&quot;mat-drawer-backdrop&quot;&gt;&lt;/div&gt;
      &lt;div tabindex=&quot;-1&quot; class=&quot;cdk-visually-hidden cdk-focus-trap-anchor&quot;&gt;&lt;/div&gt;
      &lt;mat-sidenav&gt;Sidenav content&lt;/mat-sidenav&gt;
      &lt;mat-sidenav-content cdkScrollable&gt;
            &lt;div&gt;Main content&lt;/div&gt;
      &lt;/mat-sidenav-content&gt;
  &lt;/mat-sidenav-container&gt;
  </code></pre>
  <p>The <code>mat-sidenav-content</code> <code>Component</code>, which is generated automatically, uses a <code>CdkScrollable</code>-Directive, which I need to access.<br />
  My question is now:<br />
  Is it possible to access that <code>Directive</code> and if so, how?</p>