Продолжить прокрутку родительского элемента после достижения нижней части прокручиваемого дочернего элемента одним движением

Question

Когда вы достигнете конца элемента с прокручиваемым значением overflow-y, браузер будет прокручивать цепочку при следующей прокрутке до родительских элементов. Однако при перелистывании с помощью трекпада или мобильного устройства браузер по умолчанию останавливает прокрутку, как только первый элемент достигнет своего конца, и продолжит прокрутку только после того, как контакт был остановлен и перезапущен для нового пролистывания.

Я Интересно, есть ли способ снять это ограничение и просто плавно продолжить прокрутку, не прерывая удар. этот вариант использования. В моем конкретном случае у меня, вероятно, нет возможности не делать ребенка прокручиваемым контейнером. Вы можете прочитать здесь о моем конкретном случае использования, а также демонстрацию того, что у меня сейчас есть.

.parent {
  height: 200vh;
  background: repeating-linear-gradient( 45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);
  overflow: hidden;
}

.container {
  margin: 20px;
  height: 50vh;
  overflow-y: scroll;
}

.child {
  height: 100vh;
  background: repeating-linear-gradient( 135deg, #b15860, #b15860 10px, #833636 10px, #833636 20px);
  padding: 10px;
}

.text {
  color: white;
  font-family: sans-serif;
  font-weight: 300;
  font-size: large;
}

<div class="parent">
  <div class="container">
    <div class="child">
      <span class="text">
            I want to be able to scroll to the bottom of this and have the parent immediately start scrolling in a continuous swipe.
      </span>
    </div>
  </div>
</div>