JSFiddle - React, Tailwind, and code Playground

HTML

<button onclick="javascript:jumpTo('test1');">Jump to 1</button>
<button onclick="javascript:jumpTo('test2');">Jump to 2</button>
<button onclick="javascript:jumpTo('test3');">Jump to 3</button>
<button onclick="javascript:jumpTo('test4');">Jump to 4</button>
<button onclick="javascript:jumpTo('test5');">Jump to 5</button>
<button onclick="javascript:jumpTo('test6');">Jump to 6</button>
<button onclick="javascript:jumpTo('test7');">Jump to 7</button>
<button onclick="javascript:jumpTo('test8');">Jump to 8</button>
<button onclick="javascript:jumpTo('test9');">Jump to 9</button>
<button onclick="javascript:jumpTo('test10');">Jump to 10</button>

<div id="test1" class="test">test 1</div>
<div id="test2" class="test">test 2</div>
<div id="test3" class="test">test 3</div>
<div id="test4" class="test">test 4</div>
<div id="test5" class="test">test 5</div>
<div id="test6" class="test">test 6</div>
<div id="test7" class="test">test 7</div>
<div id="test8" class="test">test 8</div>
<div id="test9" class="test">test 9</div>
<div id="test10" class="test">test 10</div>

CSS

.test {
    color: #fff;
    width: 100%;
    height: 200px;
    margin: 20px 0;
    background: #000;
}

JavaScript

function jumpTo(id) {
    window.location.hash = id;
}