JSFiddle - React, Tailwind, and code Playground

by Sergey Linnick

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="test">
  <div class="sticky">
    
  </div>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus dicta, dolorem! Quidem labore facere saepe nemo quis neque, veritatis aliquam obcaecati itaque enim eaque perspiciatis recusandae ea magni dolore odio molestias facilis harum id natus. A aspernatur, eveniet debitis temporibus quasi reiciendis laboriosam ipsum quae repudiandae voluptatem id quas corrupti modi sunt et ea quo reprehenderit, veritatis, delectus veniam voluptatum nobis eaque alias tempore! Saepe, non! Odio quidem reprehenderit doloremque, cum alias illo reiciendis dolores culpa magnam consequuntur in iste, deserunt. Animi dolore hic temporibus aliquid cupiditate perferendis fugit odit, reprehenderit id illum doloremque assumenda unde quia velit deleniti, nostrum vero recusandae suscipit pariatur optio! Labore doloribus mollitia voluptatem voluptatibus sit laboriosam ipsam necessitatibus perspiciatis voluptas temporibus quidem, explicabo totam debitis aut repudiandae harum, id aliquid similique aliquam quasi dolorem reiciendis. Commodi quo enim sed voluptatem obcaecati doloribus rem dignissimos! Maiores quam adipisci amet tempore temporibus, consequatur incidunt deleniti corporis culpa aperiam architecto, voluptatem molestias sed excepturi repudiandae quas ea modi ex sit odit atque ad voluptates eum labore. Et tempora reprehenderit, unde sint aperiam sit corrupti? Voluptatibus beatae, earum accusantium at ullam reprehenderit placeat culpa, architecto nemo, vero consequuntur rem....

CSS

.test{
  border: 1px solid;
  margin-top: 20px;
}

.sticky{
  position: sticky;
  top: 0px;
  height: 6px;
  background: #000;
}