JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">

  <div class="contentWrapper">
    <div class="Header">

    </div>
    <div class="content">
      this body scroll bar with overflow set to auto value
    </div>
  </div>


</div>

CSS

body,
html {
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;

}
.wrapper {
  width: 100%;
  height: 100%;
}
.contentWrapper {
  width: 100%;
  height: 100%;
  background: #888;
}
.Header {
  position: fixed;
  width: 100%;
  height: 10%;
  background: #0077cc;
  top: 0;
}
.content {
  height: 140%;
  padding: 20px;
  margin-top: 46px;
}