Javascript/Jquery在flex水平滚动div中添加鼠标和触摸可拖动/可滑动滚动

我正在创建一个具有flex水平滚动容器的网页。 我想添加拖动功能以拖动/滑动滚动，是否有解决方案

.flex容器{
显示器：flex；
溢出-x：自动；
溢出y：隐藏；
宽度：400px；
}
.灵活儿童{
右边距：10px；
背景颜色：黄色；
文本对齐：居中；
宽度：200px；
}

一个
两个
三
四
五
六
一个
两个
三
四
五
六
一个
两个
三
四
五
六
一个
两个
三
四
五
六

您尝试了哪些拖动或滑动代码？此代码笔似乎与此相关：