title: scrollIntoView() angular 7 not scrolling
body: <p>I am trying to implement scrolling from one component to another in my application, but at the moment it is only "jumping" to the component, and not scrolling.</p>
  
  <p>I have tried the following:</p>
  
  <pre><code>export class HomeComponent implements OnInit {
    scroll(el: HTMLElement) {
        el.scrollIntoView({ block: 'start',  behavior: 'smooth', inline: 'nearest' });
    }
  
    constructor() {
    }
  
    ngOnInit() {
    }
  }
  </code></pre>
  
  <p>Here is my template:</p>
  
  <pre><code>&lt;section class="bg-full bg-home"&gt;
    &lt;div class="logo"&gt;&lt;/div&gt;
    &lt;a (click)="scroll(testPortfolio)" href="#portfolio" id="scroll-to-section"&gt;
      &lt;img src="../../assets/arrow-scroll.svg" width="36"&gt;
    &lt;/a&gt;
  &lt;/section&gt;
  &lt;app-about&gt;&lt;/app-about&gt;
  &lt;app-portfolio-slider #testPortfolio&gt;&lt;/app-portfolio-slider&gt;
  &lt;app-contact&gt;&lt;/app-contact&gt;
  </code></pre>
  
  <p>Alternatively, I have also tried with the use of <code>ViewChild()</code>, but this always returns <code>undefined</code> as I assume it because <code>&lt;app-portfolio-slider&gt;</code> is not rendered yet.</p>
  
  <p>What do I need to do in order for the scrolling to happen smoothly?</p>