JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col-9">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti itaque odio odit aperiam, ad non quam, laboriosam, nulla quod id ea corporis amet! Repellat amet ipsam, earum laudantium laboriosam ab.</p>
</div>

<div class="col-3">
<div class="position-sticky" id="sticky_header">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A maxime itaque fuga exercitationem eos magnam, natus eum. Veniam voluptatibus officia dicta, cum ut voluptas nostrum! Quia consectetur aperiam officiis temporibus.</p>
</div>

<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis dolores sit expedita cumque. Blanditiis natus quo accusamus sit magni doloremque beatae neque voluptas, dolor sed, maiores dolorum explicabo. Deserunt, neque.</div>
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, quibusdam, odio. Eum veniam magnam ex praesentium atque alias, doloremque voluptatum eligendi adipisci, voluptates ullam quasi? Ut, reiciendis nihil mollitia nam.</div>
<div>Не «липкий» блок 3</div>

<div class="position-sticky position-sticky_footer" id="sticky_footer">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, voluptatum, minima quibusdam in recusandae repellendus incidunt obcaecati aspernatur cupiditate, fugit numquam est tempora. Perspiciatis, necessitatibus minus, autem nesciunt et dolores.</p>
</div>
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum distinctio maxime odit, esse, velit similique nostrum, quidem doloribus culpa doloremque veniam suscipit perspiciatis labore soluta eius. Delectus hic beatae facere ipsum, sint doloremque accusamus cumque cum enim quas possimus magni eius, dignissimos porro perferendis ducimus necessitatibus, fugiat adipisci reprehenderit distinctio dolores. Laboriosam dolorem sequi, corporis eveniet sint. Libero voluptate impedit consectetur explicabo ipsa qui expedita temporibus. Odit sapiente hic tempora animi dignissimos dolore, vero veritatis...

CSS

.position-sticky {
  position: sticky;
  top: 0px;
  background: black;
  color: white;
}
.position-sticky_footer {
  margin-top: 18px;
  background: green;
}

JavaScript

function calcStickyFooterPos() {
	var header = document.getElementById('sticky_header');
  var footer = document.getElementById('sticky_footer')
  var headerHeight = header.clientHeight;
  footer.style.transform = 'translate(0px, ' + headerHeight + 'px)';
}
window.addEventListener('resize', calcStickyFooterPos);
calcStickyFooterPos();