I have a website in wordpress and I use Bootstrap 4.
In the footer I have a link back to the top of the page. When I click on it it shows the page animation going up.
I generated with javascript another link to go to the middle of the page. But the animation does not work, it already appears in the middle.
The links are identical
<a href="#topo">Topo</a>
<a href="#meio">Meio</a>
<div id="topo">conteúdo</div>
<div id="meio">conteúdo</div>
Does anyone know why the animation only works on the first link and not on the second link?