JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
    <div class="col-md-8" id="homeview-story"></div>
    <div class="col-md-4" id="homeview-stream">
        <div id="log"></div>
    </div>
</div>

CSS

#homeview-story {
    overflow: scroll;
    width: 72%;
    height: 800px;
}
#homeview-stream {
    overflow: scroll;
    width: 28%;
    height: 800px;
}
#log{
    height:1000px;
}

JavaScript

$(document).ready(function () {
    $('#homeview-stream').scroll(function () {
        $("#log").append("<div>Handler for .scroll() called.</div>");
    });
});