Как скроллить сайт до нужной секции по клику на элемент?

Question

[ForSureN1]

Добрый день. Мне нужно по клику на элемент в шапке, скролить до нужно секции, я решил не использовать id и т.п. Так как хочу чтобы такой код можно было использовать где угодно и вне зависимости от количества элементов.
Я уже получаю индекс элемента и индекс секции, но я не пойму как записать условие, которое будет скроллить.

let link = document.querySelectorAll('.item')
link.forEach((item, itemindex) => item.addEventListener('click', () => {
	let section = document.querySelectorAll('.section')
	section.forEach((section, sectionindex) => {
		console.log(section.getBoundingClientRect().top)
		if(itemindex === sectionindex) {
			
		}
	})
}))

Answer 1

[Alex]

Используйте https://developer.mozilla.org/en-US/docs/Web/API/E...

Answer 2

[ForSureN1]

Решил использовать данный метод

if(itemindex === sectionindex) {
			const height = section.getBoundingClientRect().top + window.pageYOffset - 78;
			window.scrollTo({top: height, behavior: 'smooth'});
		}

Так как позволяет отнять определенный уровень высоты, имея header с fixed позиционированием, закрывает часть контента, отняв высоту шапки, позволяет получить доступ к самому верху контента секции

Comments

[Alex]

https://developer.mozilla.org/en-US/docs/Web/CSS/s...