title: How to programmatically scroll to item with angular's material virtual scroll?
body: <p>I have a list that has many items and each item can be selected. For this I use Angular Material Virtual Scroll. When an item is selected, the selected item is highlighted and then is saved on the server. When I refresh the page, the selected item comes from the server and is again highlighted.</p>
  
  <p>My code looks like</p>
  
  <pre><code>&lt;cdk-virtual-scroll-viewport itemSize="40" class="wrapper"&gt;
    &lt;div *cdkVirtualFor="let item of list"
         [class.selected]="item.id === selectedItem.id"&gt;
    &lt;/div&gt;
  &lt;/cdk-virtual-scroll-viewport&gt;
  </code></pre>
  
  <p>The problem is that if a select an item that is down in the list, it is highlighted, but I have to scroll down to the list to see it. I want to programmatically scroll down to it when that item comes from the server.</p>
  
  <p>I the <a href="https://material.angular.io/cdk/scrolling/api#FixedSizeVirtualScrollStrategy" rel="noreferrer">docs</a> there is a <code>scrollToIndex</code> method. Where I can find an instance of <code>FixedSizeVirtualScrollStrategy</code>, so I can call this method?</p>