JSFiddle - React, Tailwind, and code Playground

by Vince

HTML

<div class="container">
	<div class="sticky">bar</div>
	<p>
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora enim voluptate ad numquam adipisci est minus sequi, beatae eum nisi ipsum repellat libero, voluptatibus vero dolore qui amet voluptates consequuntur?
	</p>
	<p>
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora enim voluptate ad numquam adipisci est minus sequi, beatae eum nisi ipsum repellat libero, voluptatibus vero dolore qui amet voluptates consequuntur?
	</p>
	<p>
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora enim voluptate ad numquam adipisci est minus sequi, beatae eum nisi ipsum repellat libero, voluptatibus vero dolore qui amet voluptates consequuntur?
	</p>
	<p>
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora enim voluptate ad numquam adipisci est minus sequi, beatae eum nisi ipsum repellat libero, voluptatibus vero dolore qui amet voluptates consequuntur?
	</p>
	<p>
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora enim voluptate ad numquam adipisci est minus sequi, beatae eum nisi ipsum repellat libero, voluptatibus vero dolore qui amet voluptates consequuntur?
	</p>
	<p>
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora enim voluptate ad numquam adipisci est minus sequi, beatae eum nisi ipsum repellat libero, voluptatibus vero dolore qui amet voluptates consequuntur?
	</p>
	<p>
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora enim voluptate ad numquam adipisci est minus sequi, beatae eum nisi ipsum repellat libero, voluptatibus vero dolore qui amet voluptates consequuntur?
	</p>
	<p>
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora enim voluptate ad numquam adipisci est minus sequi, beatae eum nisi ipsum repellat libero, voluptatibus vero dolore qui amet voluptates consequuntur?
	</p>
	<p>
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora enim voluptate ad numquam adipisci est minus...

CSS

html, body {
	margin: 0;
	padding: 0;
	
}
.sticky {
	position: sticky;
	top: 0px;
	background-color: rgba(0,0,0,0.5)
	
}