JSFiddle - React, Tailwind, and code Playground

by Emre Erkan

HTML

<div id="getFixed">This div is going to be fixed</div>

CSS

body { height: 2000px; padding-top: 100px; }
#getFixed { color: #c00; font: bold 15px arial; padding: 10px; margin: 10px; border: 1px solid #c00; width: 200px; }

JavaScript

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