<ul class = "list">
<li class="li active">главная</li>
<li class="li">навыки</li>
<li class="li">опыт</li>
<li class="li">портфолио</li>
<li class="li">контакты</li>
</ul>let li = document.querySelectorAll('.li');
let ul = document.querySelector('.list');
// Определяю по какой ссылке был клик:
li.forEach(i => {
i.addEventListener('click', function(){
//Здесь нужно вызвать ф-ю для каждого элемента
});
});
// Вот эта функция, переносящаяся на нужный блок
function ScrollTo(element){
window.scroll({
left: 0,
top: element.offsetTop,
behavior: 'smooth'
})
}
Цель: реализовать якорные ссылкиШаг №0 для достижения этой цели - собственно, использовать в разметке ссылки, а в качестве href указывать идентификатор элемента. И тогда никаких if не понадобится - можно будет легко получить id элемента, а по id уже его самого.
event.preventDefault(). let ul = document.querySelector('.list');
// Определяю по какой ссылке был клик:
ul.addEventListener('click', data => {
ScrollTo(data.target) // Дочерний элемент на который вы нажали в блоке
})
// Вот эта функция, переносящаяся на нужный блок
function ScrollTo(element){
window.scroll({
left: 0,
top: element.offsetTop,
behavior: 'smooth'
})
}