scroll on element angular code example
Example: scrollto angular
//there are a few options you can go with, the basic one being css only
//css or scss
html {
scroll-behavior: smooth;
}
//You could also user ViewportScroller - available in angular
//.....
private _vps: ViewportScroller
scrollFn(anchor: string): void{
this._vps.scrollToAnchor(anchor)
}
//HTML
<p on-click="scrollFn('about')">scroll to about sections</p>
///About section
<div id="about">Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio, quasi nostrum labore sequi neque sed nihil consequuntur? Ea, dolorum minima,
cumque explicabo dicta est sit harum dolores, assumenda ex non.</div>