JSFiddle - React, Tailwind, and code Playground

HTML

<div style="overflow: hidden; position: relative;height: 80px;overflow-x:auto;overflow-y:hidden;width:550px;" id="div1">
    <div style="width: 1650px; display: block;">&nbsp;</div>
</div>

<div style="width: 550px; position: absolute;" id="div2">&nbsp;</div>

CSS

#div1 { background: #800; }
#div2 { background: #080; }

JavaScript

$('#div1').scroll(function() {
    $('#div2').css('left', $(this).scrollLeft() * -1);
});