JSFiddle - React, Tailwind, and code Playground

by Skorz1

HTML

<div class="block">block 1</div>
<div class="block">
  <div class="block-sticky">block-scroll</div>
</div>

<div class="block">block 3</div>
<div class="block">block 4</div>

CSS

.block{
  height: 100vh;
  background: #ccc;
}
.block:nth-of-type(even){
  background: #ddd;
}
.block-sticky{
  height: 50px;
  position: sticky; top: 0; left: 0;
  background: #000;
  color: #fff;
}