<div class="wrapper">
  <p>設定なし</p>
  <div class="scrollBox">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mauris lorem, accumsan id egestas ac, euismod id eros. Curabitur consequat vehicula magna vel mattis. Cras sit amet massa dolor. Mauris elementum arcu at purus rutrum iaculis. Praesent ac blandit turpis. Cras eu imperdiet elit. Aliquam erat volutpat. Vivamus dapibus enim quis diam placerat, eu tincidunt ligula interdum.
  </div>
  
  <p>設定あり（overscroll-behavior: contain;）</p>
  <div class="scrollBox scrollBehavior">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mauris lorem, accumsan id egestas ac, euismod id eros. Curabitur consequat vehicula magna vel mattis. Cras sit amet massa dolor. Mauris elementum arcu at purus rutrum iaculis. Praesent ac blandit turpis. Cras eu imperdiet elit. Aliquam erat volutpat. Vivamus dapibus enim quis diam placerat, eu tincidunt ligula interdum.
  </div>
</div>

.wrapper {
  height: 200vh;
}

.scrollBehavior {
  overscroll-behavior: contain;
}

.scrollBox {
  border: 1px solid #ddd;
  width: 300px;
  height: 100px;
  overflow-y: scroll;
}