Javascript / Jquery для добавления мыши и сенсорного перетаскивания / Swipeable прокрутки в гибкой горизонтальной прокрутки div

Question

Я создаю веб-страницу с гибким контейнером горизонтальной прокрутки. Я хочу добавить функцию перетаскивания для перетаскивания / прокрутки для прокрутки, есть ли решение для этого?

.flex-container {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  width: 400px;
}

.flex-child {
  margin-right: 10px;
  background-color: yellow;
  text-align: center;
  width: 200px;
}

<div class="flex-container">
  <div class="flex-child"> One </div>
  <div class="flex-child"> Two </div>
  <div class="flex-child"> Three </div>
  <div class="flex-child"> Four </div>
  <div class="flex-child"> Five </div>
  <div class="flex-child"> Six </div>
  <div class="flex-child"> One </div>
  <div class="flex-child"> Two </div>
  <div class="flex-child"> Three </div>
  <div class="flex-child"> Four </div>
  <div class="flex-child"> Five </div>
  <div class="flex-child"> Six </div>
  <div class="flex-child"> One </div>
  <div class="flex-child"> Two </div>
  <div class="flex-child"> Three </div>
  <div class="flex-child"> Four </div>
  <div class="flex-child"> Five </div>
  <div class="flex-child"> Six </div>
  <div class="flex-child"> One </div>
  <div class="flex-child"> Two </div>
  <div class="flex-child"> Three </div>
  <div class="flex-child"> Four </div>
  <div class="flex-child"> Five </div>
  <div class="flex-child"> Six </div>
</div>

Здесь я добавил пример того, что я создал. я скрываю полосу прокрутки с помощью css, но хочу перетащить / провести по флекс-контейнеру, чтобы прокрутить и просмотреть все флекс-потомки.