JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1">
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pretium faucibus pulvinar. Praesent elementum viverra pulvinar. Curabitur ut risus non quam volutpat imperdiet. Vivamus hendrerit sed mauris vel faucibus. Ut elementum elementum sapien, in faucibus nunc tincidunt eu. Curabitur in quam tortor. In gravida nisi in quam aliquam blandit.

Quisque malesuada sapien non dolor varius molestie. Duis interdum leo in sapien congue tristique. Curabitur ultricies erat congue eros hendrerit, et commodo libero tincidunt. Morbi quis bibendum purus. Fusce volutpat, dolor id dapibus imperdiet, elit justo ultricies arcu, eget semper enim Quisque malesuada sapien non dolor varius molestie. Duis interdum leo in sapien congue tristique. Curabitur ultricies erat congue eros hendrerit, et commodo libero tincidunt. Morbi quis bibendum purus. Fusce volutpat, dolor id dapibus imperdiet, elit justo ultricies arcu, eget semper enim
</div>

<div id="div2">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pretium faucibus pulvinar. Praesent elementum viverra pulvinar. Curabitur ut risus non quam volutpat imperdiet. Vivamus hendrerit sed mauris vel faucibus. Ut elementum elementum sapien, in faucibus nunc tincidunt eu. Curabitur in quam tortor. In gravida nisi in quam aliquam blandit.

Quisque malesuada sapien non dolor varius molestie. Duis interdum leo in sapien congue tristique. Curabitur ultricies erat congue eros hendrerit, et commodo libero tincidunt. Morbi quis bibendum purus. Fusce volutpat, dolor id dapibus imperdiet, elit justo ultricies arcu, eget semper enim diam et lorem. Mauris fringilla sapien vitae ultricies tristique. Nulla imperdiet enim vel purus interdum venenatis. Praesent a tincidunt tortor. Maecenas ullamcorper elit leo, a vehicula libero ornare quis. Quisque in tellus id purus convallis vehicula tincidunt eget augue. Vestibulum fringilla condimentum fringilla. Maecenas congue hendrerit nunc eu maximus. Pellentesque et...

CSS

div {
    overflow: scroll;
    float: left;
    text-align: justify;
}
#div1 {
    height : 300px;
    width: 200px;
}
#div2 {
    height : 600px;
    width: 200px;
    margin-left: 18px;
}

JavaScript

var $divs = $('#div2');
var lastS = 0;
var thisS = 0;
var sync = function(e){
    var other = document.getElementById('div1');
    lastS = thisS;
    thisS = this.scrollTop;
    other.scrollTop += thisS - lastS;
}
$divs.on( 'scroll', sync);