JSFiddle - React, Tailwind, and code Playground

HTML

<div class="search-container">
   <div class="sticky-wrapper">
     it's fixed header  header header header header header header header header header header header header header header header BUTTON
   </div>
   <div class="content">
     search results results results results results results
     search results results results results results results
     search results results results results results results
     search results results results results results results
     search results results results results results results
     search results results results results results results
     search results results results results results results
     search results results results results results results
     search results results results results results results
     search results results results results results results
     search results results results results results results
     search results results results results results results
     search results results results results results results
     search results results results results results results
     search results results results results results results
     search results results results results results results
     search results results results results results results
     search results results results results results results
     search results results results results results results
     search results results results results results results
     search results results results results results results
     search results results results results results results
     search results results results results results results
     search results results results results results results
   </div>
</div>

CSS

.sticky-wrapper {
    box-shadow: 0 3px 3px 0 #8f8f8f;
    position: fixed;
    top: 0;
    z-index: 999;
    background: grey;
    width: 900px;
  }

  .sidebar {
    float: left;
    margin-left: 5px;
    width: 29px;
  }

  .content {
    background: none repeat scroll 0 0 #fff;
    border-top: 4px solid #5d5d5d;
    display: inline;
    float: left;
    margin-left: 29px;
    margin-right: 0;
    width: 691px !important;
  }

JavaScript

$(window).scroll(function() {
    $('.sticky-wrapper').css('left', -$(this).scrollLeft() + "px");
});