hello,see my code is like the code of Carl the teacher.https://codepen.io/snorkltv/pen/dyabKKg
In this code,if i want to add menu to going on the race without scrolling,what i need?
My try is this and i dont know if this good direction.Than you again.
HTML
<div class="menu">
<ul>
<li>Austria</li>
<li>Hungary</li>
<li>Italy</li>
<li>Great Britain</li>
<li>Bahrain</li>
</ul>
</div>
JS
lis.forEach((li, index) => {
console.log("foreach")
li.addEventListener("click", () => {
console.log("clicked")
gsap.to(window, {duration: 1, scrollTo:{y:".races div:nth-child(" + (index + 1) + ")"}}});
});
});
lis.forEach((li, index) => {
console.log("foreach")
li.addEventListener("click", () => {
console.log("clicked")
gsap.to(window, {duration: 1, scrollTo:{y:".races div:nth-child(" + (index + 1) + ")"}}});
});
});
lis.forEach((li, index) => {
console.log("foreach")
li.addEventListener("click", () => {
console.log("clicked")
gsap.to(window, {duration: 1, scrollTo:{y:".races div:nth-child(" + (index + 1) + ")"}}});
});
}