JSFiddle - React, Tailwind, and code Playground
HTML
<a href="#example"class="menuControl">I want to stay here</a><br />
<a href="#example2">I want to jump too!</a>
<span class="spacer"> </span>
<div id="example">Jump to me</div>
<span class="spacer"> </span>
<div id="example2">Jump to me</div>
<span class="spacer"> </span>
CSS
.spacer
{
height:800px;
display:block;
}
JavaScript
var anchors = document.getElementsByTagName("a");
for(var i = 0; i < anchors.length; i++) {
if ( anchors[i].className == "menuControl" ) {
anchors[i].setAttribute("onclick", "return false");
}
}