JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    <div id="sticky-anchor"></div>
    <div id="sticky">Sticky</div>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>

CSS

#wrapper {margin: 50px; width: 200px; height: 100px; overflow: auto; position: relative; }
#sticky {background: gray; }

JavaScript

$(window).load(function(){
$(function() {
  var a = function() {
    var b = $("#wrapper").scrollTop();
    var d = $("#sticky-anchor").offset({scroll:false}).top;
    var c = $("#sticky");
    if (b>d) {
      c.css({position:"fixed",top:"0px"})
    } else {
      if (b<=d) {
        c.css({position:"relative",top:""})
      }
    }
  };
  $(window).scroll(a);a()
});
});