JSFiddle - React, Tailwind, and code Playground

HTML

<div id="task_flyout">
</div>

CSS

body, html {height:1000px; position:relative; margin:0; padding:0;}

#task_flyout {height:50px; background-color:blue}

.fixed {position:fixed; top:0; left:0; z-index:2; width:100%;}

JavaScript

$(window).scroll(function(){
      if ($(this).scrollTop() > 135) {
          $('#task_flyout').addClass('fixed');
      } else {
          $('#task_flyout').removeClass('fixed');
      }
  });