iOS中仅CSS滚动管理单元

我试图在应用程序中实现仅CSS的滚动捕捉行为，但看到它在iOS中无法正常工作。下面是案例演示的链接

代码附在下面

body，html{
身高：100%；
保证金：0；
}
身体{
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.面板容器{
宽度：100%；
身高：50%；
边框：2倍纯色浅灰色；
框大小：内容框；
显示器：flex；
溢出-x：滚动；
滚动捕捉类型：x必填；
滚动捕捉类型：必填；
滚动捕捉点x：重复（100%）；
滚动快照目标：0；
}
.小组{
滚动捕捉对齐：开始；
边框：2倍实心；
框大小：边框框；
最小宽度：100%；
身高：100%；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.一{
边框颜色：红色；
}
.二{
边框颜色：蓝色；
}

一个
两个

容器需要

-webkit溢出滚动条：touch

和子容器

溢出条：visible

（它们在您的案例中已经有了）。

-webkit溢出滚动条：touch，工作正常，但删除了默认滚动条，有没有办法获得该滚动条？@Atul没有，我没有找到办法，这可能是我们得到的最好的了。一点滚动动画或切掉阴影可能会有所帮助。添加-webkit overflow scrolling:touch帮助我修复了iOS/Safari 12及更低版本中的滚动问题。谢谢