Tenho uma lista de links
, exemplo:
<ul class="todos-links">
<li> <a href="#alvo1"> Alvo1 </a> <li>
<li> <a href="#alvo2"> Alvo2 </a> </li>
<li> <a href="#alvo3"> Alvo3 </a> </li>
<li> <a href="#alvo4"> Alvo4 </a> </li>
<li> <a href="#alvo5"> Alvo5 </a> </li>
<li> <a href="#alvo6"> Alvo6 </a> </li>
</ul>
E la em baixo, tenho alguns elementos, exemplo:
<div id="alvo1"> eu sou o Alvo1 </div>
<div id="alvo2"> eu sou o Alvo2 </div>
<div id="alvo3"> eu sou o Alvo3 </div>
<div id="alvo4"> eu sou o Alvo4 </div>
<div id="alvo5"> eu sou o Alvo5 </div>
<div id="alvo6"> eu sou o Alvo6 </div>
A dúvida é: Como faço para clicar em um link
e realizar um scroll
até o seu respectivo alvo
?
Exemplo, clicar no link Alvo1
e rolar até a div
com id alvo1
.