<div class="parent">
  <div class="overflow-content" />
  <div class="full-body-height" />
<div />

html,
body {
  height: 100%;
  overflow: hidden;
  margin: 0;
}

.parent {
  position: relative;
  min-height: 100vh;
  overflow: auto;
  width: 100%;
  inset: 0;
}

body {
  overscroll-behavior: none;
  width: 100vw;
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  position: relative;
}

.overflow-content {
  height: 150vh;
  width: 90%;
  background: linear-gradient(
    180deg,
    rgba(255, 215, 185, 0.91) 23%,
    rgba(223, 159, 247, 0.8) 93%
  );
  margin: 0 auto;
}

.full-body-height {
  position: absolute;
  top: 0;
  left: 0;
  width: 10%;
  height: 100%;
  background: red;
}