JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
         <div id="panel" class="redbg">
          
          </div>
         <div id="panel" class="bluebg">
          
          </div>
         <div id="panel" class="greenbg">
          
          </div>
     </div>

CSS

* {
        height:100%;
        margin: 0;
        padding: 0;
    }
    #container {
        width: 9000px;
        height: 100%;
    }
    #panel {
        width: 3000px;
        height: 100%;
        float: left;
    }
    .redbg {
        background: red;
    }
    .bluebg {
        background: blue;
    }
    .greenbg {
        background: green;
    }

JavaScript

$(document).ready(function(){
     scrollTo($("#container").width()/2, 0);
});