JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://someweblog.com/scripts/hcsticky/jquery.hcsticky-min.js"></script>
<div id="newsfeed-left">
    <div class="green-square"></div>
    <div class="blue-square"></div>
    <div class="green-square"></div>
    <div class="blue-square"></div>
    <div class="green-square"></div>
    <div class="blue-square"></div>
    <div class="green-square"></div>
    <div class="blue-square"></div>
    <div class="green-square"></div>
</div>

CSS

#newsfeed-left {

    float: left;
    height: 100%;
    width: 200px;
    padding: 0px 10px 0px 10px;
    border-right: 1px solid rgb(228, 228, 228);
    overflow-y: scroll;
}
#newsfeed-left-wrap {
    height: auto;
    width: width: 200px;
}
.green-square {
    margin: 10px 0px 0px 0px;
    height: 200px;
    width: 200px;
    background-color: green;
}
.blue-square {
    margin: 10px 0px 0px 0px;
    height: 200px;
    width: 200px;
    background-color: blue;
}

JavaScript

$(document).ready(function () {
    $('#newsfeed-left').hcSticky();
});