JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://flesler-plugins.googlecode.com/files/jquery.scrollTo-1.4.2-min.js"></script>
<div id="first" style="background:red;">
    <a href="#" class="go1">First</a>
    <a href="#" class="go2">Second</a>
    <a href="#" class="go3">Third</a>
</div>
<div id="second" style="background:blue;">
    <a href="#" class="go1">First</a>
    <a href="#" class="go2">Second</a>
    <a href="#" class="go3">Third</a>
</div>
<div id="second" style="background:green;">
    <a href="#" class="go1">First</a>
    <a href="#" class="go2">Second</a>
    <a href="#" class="go3">Third</a>
</div>

CSS

div {
    height:1000px;
}

JavaScript

$(function() {
    $('.go1').click(function() {
        $.scrollTo($('div:nth-child(1)').offset().top, 500);
        return false;
    });
    $('.go2').click(function() {
        $.scrollTo($('div:nth-child(2)').offset().top, 500);
        return false;
    });
    $('.go3').click(function() {
        $.scrollTo($('div:nth-child(3)').offset().top, 500);
        return false;
    });
});