JSFiddle - React, Tailwind, and code Playground

HTML

<div class="sidebar">
    Sidebar
<div id="getFixed">This div is going to be fixed</div>
</div>
<!--demo stuff-->
<div class="text">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mollis mattis sodales. Maecenas in posuere urna. Sed porttitor erat viverra dui bibendum vehicula. Integer lobortis fermentum arcu vitae gravida. Sed faucibus dui id ligula aliquam, id placerat arcu efficitur. Nullam molestie sem eu nisi aliquet, in feugiat dui dictum. Cras a malesuada lorem. Donec ac sapien ac odio commodo pellentesque sit amet et eros. Maecenas condimentum accumsan nulla, a elementum diam fermentum sed. Nam suscipit nibh lobortis ex bibendum gravida. Aliquam pellentesque neque in tincidunt semper. Etiam imperdiet orci ut velit ullamcorper, vel posuere massa efficitur. Suspendisse eleifend suscipit dolor quis dignissim. Nam elementum nulla elementum porta pellentesque. Proin hendrerit dolor a dolor dapibus aliquet. Maecenas luctus neque nunc, vitae laoreet massa mollis quis.

Nulla ullamcorper mauris massa, in blandit ligula elementum sed. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus placerat gravida est nec cursus. Mauris lacinia nisl at sollicitudin tristique. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam ullamcorper mi mauris, quis blandit orci iaculis in. Maecenas sollicitudin, eros non placerat elementum, neque elit semper enim, non mollis leo est a dui. Sed in nunc at nisl tempor euismod quis eu risus.

    <p id="marker">Nullam bibendum elementum velit, sit amet congue metus pellentesque eget. Vestibulum augue risus, scelerisque nec feugiat ac, accumsan a lorem. Nulla convallis rhoncus eros id consectetur. Aenean interdum ligula ac nisl sodales eleifend. Mauris pellentesque ante vitae eros aliquet, eget accumsan odio efficitur. Suspendisse potenti. Nunc pharetra, arcu eget aliquet congue, arcu ante pharetra libero, eget volutpat metus urna a enim. Phasellus suscipit et...

CSS

body {
  font: arial;
}
#getFixed {
  color: #c00;
  border: 1px solid #c00;
  width: 100px;
  float: left;
}

.text {
    float: left;
    width: 500px
}

.sidebar {
    float: left;
    width: 100px;
    border: 1px solid green;
    margin-right: 20px;
}


#marker {
    border: 1px solid blue;
}

JavaScript

$stick = $('#marker');
jQuery(function($) {
  function fixDiv() {
    var $cache = $('#getFixed');
    if ($(window).scrollTop() > $stick.offset().top)
      $cache.css({
        'position': 'fixed',
        'top': '10px'
      });
    else
      $cache.css({
        'position': 'relative',
        'top': 'auto'
      });
  }
  $(window).scroll(fixDiv);
  fixDiv();
});