How do I auto scroll in Angular?

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?

I already tried playing with some css attributes like overflow and so on.

.blocksWrapper {
display: flex;
overflow: auto;
min-height: 305px;
}


I expect, that it autoscrolls horizontally.

This is how it should look like:



But instead it never scrolls automatically.

Continue reading...