JSFiddle - React, Tailwind, and code Playground

by bfavaretto

HTML

<a href="#bloco2">Ir para bloco 2</a>

<div id="bloco1" class="bloco">
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
</div>

<div id="bloco2" class="bloco">
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
</div>

<a href="#bloco1">Ir para bloco 1</a>

CSS

.bloco {
  margin: 1em 0;
  border: 1px solid red;
}

#bloco1 { border-color: blue; }

/*a { pointer-events: none; }*/

JavaScript

const stopClick = (e) => e.preventDefault()

document.querySelectorAll('a').forEach( a => a.addEventListener('click', stopClick, false));