title: Angular Material - Virtual Repeat, increase additional elements to render
body: <p>Using <a href="https://material.angularjs.org/latest/api/directive/mdVirtualRepeat" rel="nofollow">virtual repeat</a> for a long list with images, this is the code:</p>
  
  <pre><code>&lt;md-virtual-repeat-container id="vertical-container" style="height: 100vh; width:100vw"&gt;
      &lt;div class="panel panel-default favorite_listitem" md-virtual-repeat="item in favorites" ng-click="selectAd($event, item)"&gt;
          &lt;div class="ad-image" style="background-image: url('{{item.data.thumb}}')"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/md-virtual-repeat-container&gt;
  </code></pre>
  
  <p>Virtual repeat works with dynamic reuse of rows visible in the viewport area. I can see that the visible rows are 6 in total. How can i increase them to lets say 15 or 20 so that i have less flicker in my list?</p>