JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<html>

  <body>
    <style>
      #wrapper {
        
        overflow: auto;
      }

      #leftdiv {
        height: 100px;
        float: left;
      }

      #rightdiv {
        height: 100px;
        float: right;
      }

    </style>
    <div id="wrapper">


      <div id="leftdiv" style="overflow-y: scroll;">Left Content<br/>Left Content<br/>Left Content<br/>Left Content<br/>Left Content<br/>Left Content<br/>Left Content<br/>Left Content<br/>Left Content<br/>Left Content<br/>Left Content<br/>Left Content<br/>Left Content<br/>Left Content<br/>Left Content<br/>Left
        Content<br/>Left Content<br/>Left Content<br/>Left Content<br/>Left Content<br/>Left Content<br/>Left Content<br/>Left Content<br/>Left Content<br/>Left Content<br/>Left Content<br/>Left Content<br/>Left Content<br/>Left Content<br/>Left Content<br/>Left
        Content<br/>Left Content<br/>Left Content<br/>Left Content<br/></div>
      <div id="rightdiv" style="overflow-y: scroll; overflow:right">Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right
        Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right
        Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/>Right Content<br/></div>
    </div>
  </body>
  <script>
    $("#leftdiv").on('scroll', function(evt) {
      $("#rightdiv").scrollTop($(this).scrollTop());
    })

  </script>

</html>