title: How do I auto scroll in Angular?
body: <p>I got a dynamic component, where I add material cards horizontally. After a few cards, the component gets filled, and I can scroll the component. But how can I make it auto scroll horizontally, so that I don't have to use the mouse all the time?</p>
  
  <p>I already tried playing with some css attributes like overflow and so on. </p>
  
  <pre><code>.blocksWrapper {
    display: flex;
    overflow: auto;
    min-height: 305px;
  }
  </code></pre>
  
  <p>I expect, that it autoscrolls horizontally.</p>
  
  <p>This is how it should look like:</p>
  
  <p><a href="https://i.stack.imgur.com/myTSS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/myTSS.png" alt="enter image description here"></a></p>
  
  <p>But instead it never scrolls automatically.</p>