JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://demos.flesler.com/jquery/scrollTo/js/jquery.scrollTo-min.js"></script>
<script src="http://demos.flesler.com/jquery/localScroll/js/jquery.localscroll-min.js"></script>
<div id="first"><a href="#link">link</a></div>
<div id="link"><a href="#first">first</a></div>

CSS

html, body {
    height : 100%;
}

div {
    background-color : red;
    height : 100%;
    width : 100%;
}
div + div {
    position : absolute;
    left : 100%;
    top : 0;
    background-color : blue;
    height : 100%;
}
div + div a {
    color : red;
}

JavaScript

$(document).ready(function() {
    $.localScroll.defaults.axis = 'x';
    $.localScroll();
});