TestComponent.ts
export class TestComponent implements OnInit, AfterViewInit {
constructor(
private scroller: ViewportScroller,
) {}
scrollToAnchor() {
this.scroller.scrollToAnchor('123456789');
}
}
HTML
<button (click)="scrollToAnchor()">Scroll To Anchor</button>
.......
<div id="123456789">
Target Section
</div>
.......
Even though I have implemented viewportScoller in the component and bound it to a button click event, the scrolling function is not working as expected.
ANGULAR VERSION: 14