JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="textBox1" class="textBox">
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        dsfsdf
        sdf
        sdfs
        fsdf
        asdf
        sdaf
        dsaf
        as
        fdf
        dfsa
        dsfsdf
        dfssdf
        sdfsfdds
        dsfdfsa
        fdsasdf
        eewrrwe
        fdgsgfs
        sdfggsdf
        tererret
        sgfdgfd
        gfssfg
          dfssdf
        sdfsfdds
        dsfdfsa
        fdsasdf
        eewrrwe
        fdgsgfs
        sdfggsdf
        tererret
        sgfdgfd
        gfssfg  
    </div> 
    
    <div id="textBox2" class="textBox">
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        dsfsdf
        sdf
        sdfs
        fsdf
        asdf
        sdaf
        dsaf
        as
        fdf
        dfsa
        dsfsdf
        dfssdf
        sdfsfdds
        dsfdfsa
        fdsasdf
        eewrrwe
        fdgsgfs
        sdfggsdf
        tererret
        sgfdgfd
        gfssfg
          dfssdf
        sdfsfdds
        dsfdfsa
        fdsasdf
        eewrrwe
        fdgsgfs
        sdfggsdf
        tererret
        sgfdgfd
        gfssfg  
    </div>
    
    <div id="textBox3" class="textBox">
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        dsfsdf
        sdf
        sdfs
        fsdf
        asdf
        sdaf
        dsaf
        as
        fdf
        dfsa
        dsfsdf
        dfssdf
        sdfsfdds
        dsfdfsa
        fdsasdf
        eewrrwe
        fdgsgfs
        sdfggsdf
        tererret
        sgfdgfd
       ...

CSS

.textBox {
    background: red;
    width: 100px;
    height: 200px;
    overflow: auto;
    float:left;

}

#container {
    float:left;
}

JavaScript

var initialTop = 150,
    factor = 2;

$("#container > div")
    .addClass('disabled')
    .scrollTop(initialTop)
    .on('scroll', function () {
        var $this = $(this);
        
        if(!$this.is('.disabled')) {
            this.lastOffset = this.lastOffset || initialTop;
            
            var offset = $this.scrollTop(),
                step = (offset - this.lastOffset) / factor;
            
            $this.siblings().each( function() {
                var $this = $(this),
                    offset = $this.scrollTop() - step;
                
                $this.scrollTop(offset);
                this.lastOffset = offset;
            });
            
            this.lastOffset = offset;
        }
    })
    .on('mouseenter', function() {
        $(this).removeClass('disabled').siblings().addClass('disabled');
    });