JSFiddle - React, Tailwind, and code Playground

by abarykin

HTML

<body>
  <br>
  <br>
  <div>
    <div>
      <div>
        <h2 class="stick">Этот блок не прилипнет</h2>
      </div>
      <br>
      <br>
    </div>
    <div style="height: 400px">
      <div class="prl">
        <h2 class="stick">Этот блок прилипнет</h2>
      </div>
    </div>
  </div>
</body>

CSS

body{
	height: 1600px;
}

.prl {
	position: sticky;
	top: 0;
}


.stick {

	display: block;
	text-align: center;
	margin: 0 auto;
	background: grey;
}