<div className="sticky top-0 bg-blue-400 p-5 drop-shadow shadow-blue-600">
      <h1 className="text-white text-4xl text-center">sticky top-0</h1>
    </div>

sticky, top-0 속성을 이용해서 고정할수 있습니다. position: sticky;

"sticky": 이 클래스는 요소를 화면에서 고정시키는 데 사용됩니다.   top: 0px;

"top-0": 이 클래스는 요소를 부모 요소의 상단에 고정시키는 데 사용됩니다.