添加此CSS代码到您的容器与溢出滚动.
-webkit-overflow-scrolling：触摸;

你可以试试！

overflow-y: scroll !important;
-webkit-overflow-scrolling: touch;

overflow：scroll;//此属性将在移动的设备上工作，用于滚动而不是ove

使用-webkit-overflow-scrolling: touch;是正确的解决方案，但在react中无效，接下来您需要使用WebkitOverflowScrolling: "touch"

我是如何解决的，我挣扎了很多，最后我把在html的css媒体查询下一个代码

@media screen and (max-width: 700px) {
  html {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    max-width: 100vw !important;
    overflow: hidden !important;
    overflow-y: auto !important;
  }
  html ::-webkit-scrollbar {
    display: none;
  }
}

不要使用-webkit-overflow-scrolling：touch;！
在你的例子中，为你的div元素做类似的媒体查询，并根据你的要求调整值。
我希望会有帮助。