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");
});