JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div class="header">Header - Now the complete page is scrolling rather than the container itself<br><br>scroll me - the body/html scrolls</div>
<div class="container">
Container<br><br>scroll me - the body/html scrolls
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
Just to create overflow
</div>
</body>

CSS

body {
  padding: 200px 0 0 0;
  margin: 0;
  overflow-y: auto;
}
.header {
  position: fixed;
  top:0;
  left:0;
  right:0;
  height: 200px;
  background-color: #f88;
}
.container {
  background-color: #8f8;
}