Anchor Scroll

AnchorScroll.js

class AnchorScroll{
	constructor(link){
		this.link = link;
		this.linkHref = this.link.getAttribute('href');
		this.target = document.querySelector(linkHref);
		this.init();
	}
	init(){
		link.addEventListener('click', (e) => {
			e.preventDefault();
			this.target.scrollIntoView({
				behavior: 'smooth',
				block: 'start'
			});
			history.pushState(null, null, this.linkHref);
		});
	}

}

const anchorLinks = document.querySelectorAll('a[href^="#"]');

anchorLinks.forEach((link) => {
	new AnchorScroll(link);
});